对于 WEB 产品来说，有一些常见的 Bug，本章节挑选一些比较典型的 Bug 进行举例介绍。
为什么不用 iframe，这几乎是所有微前端方案第一个会被 challenge 的问题。但是大部分微前端方案又不约而同放弃了 iframe 方案，自然是有原因的，并不是为了 "炫技" 或者刻意追求 "特立独行"。
VAPD是一款专为团队协作办公场景设计的项目管理工具，实践敏捷开发与持续交付，以「项目」为核心，融合需求、任务、缺陷等应用，使用敏捷迭代、小步快跑的方式进行开发及质量跟踪，简化工作流程，帮助团队快速迭代并高效完成产品开发交付。
1. 尝试调用播放，捕获异常，弹出提示窗口，用户点击后再播。（别想了，js模拟点击是没有用的）
大家知道HTML5播放器曾被广泛运用于视频点播，而今天我想与大家分享的是运用在直播领域的HTML5播放器。现在熊猫已不再使用FLVJS作为播放器了，所以今天与大家探讨一下直播HTML5播放器的技术难点与架构探索。
正确使用缓存可以带来巨大的性能优势，节省宽带，并降低服务器成本，但许多网站并不重视缓存，造成竞争条件，导致相互依赖的资源不同步。
最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。
很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。
做移动端的时候我们可以组件化，每个组件都可以是一个app单独运行，我们通过一个中间件将每个组件拉起，组合成想要的app。
微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端（micro-frontends）术语在 2016 年在 TECHNOLOGY RADAR[1] 中被提及。
前面我们介绍了用SRS搭建一对一通话，如果能将这个通话合成一个流，叠加视频和混音，转成RTMP流推送到直播，这就是连麦了。 如下图所示，我和志宏大神的一对一通话，可以认为是两个主播的连麦，我们可以把这两个视频画面叠加，把我们音频混音，然后转成一路RTMP流送到直播系统，比如CDN或者视频号直播： 视频合流非常非常消耗CPU，而且有很多种方式： SRS+FFmpeg，SRS将WebRTC流转RTMP，FFmpeg将多路RTMP合流。优势：延迟小，音质好；缺点是命令行难度高。 SRS+OBS，方案和SRS+
目前几种视频流的简单对比： 协议 httpflv rtmp hls dash 传输方式 http流 tcp流 http http 视频封装格式 flv flv tag Ts文件 Mp4 3gp webm 延时 低 低 高 高 数据分段 连续流 连续流 切片文件 切片文件 Html5播放 可通过html5解封包播放(flv.js
故事的开头 从微前端的qiankun去年开始火的时候，我就注意到了，我们公司的Saas系统是可以用这个去解决UI、体验上的一些问题，以及让技术栈平滑过渡迁移，但是奈何时机不够成熟 今年抓住了时机，感觉是时候推进微前端了，加上公司内部的星舟平台（Devops平台）也开始推广，我开始寻思改造这个事 改造不为了炫技，仅仅为了提升开发、用户体验！当你需要微前端的时候，再用它 我在公司内部做了一个技术分享 我的微前端改造是利用k8s + qiankun + ingress(path)的配置，达到快速部署的目的，完全无
以前写过一篇 collapse 的简单应用： Bootstrap.Collapse
天下大势，分久必合合久必分。大型组织的组织结构、软件架构在不断的发生变化。一款软件从最初的单一，进行不断的细化，最终变得庞大，从而不得不拆分到不同部门，出现多样化。然而在多样化的道路上，用户厌倦了一家公司的软件却要分散于不同的应用中，于是应用又再一次走向聚合。
背景 这两天在搞一个短链接的小工具，#出现在短链接里边标志性太强了，再加上自己平时看它不爽好久了(它就喜欢我看不惯它又很难干掉它的样子😭)，就想着干掉它。 另一点主要是因为这个 # 出现在短链接里不仅不好看，也要占/# 两个长度，一定程度上也增加了短链接长度；本身我的域名 t.beatree.cn 就够长了，再加上这个不是更长了么。 开始去掉 “因为 Vue3.x 自己还没学，看文档和 2.x 还是有点差异的；所以就上的 Vue2.x 框架，等以后有时间了再把以前的 2.x 升到 3.x（立）。以下内容针对
CloudFlare通过对上百万个网站进行防护，总结出最古老、最普遍的攻击非DDoS攻击莫属。在传统的DDoS攻击中，攻击者会控制大量的傀儡机，然后向目标服务器发送大量请求，阻止合法用户访问网站。 然而，最近几年DDoS攻击技术不断推陈出新：攻击者用一种新型且很有趣的方式欺骗用户参与到攻击活动中。去年CloudFlare就见证了一次使用NTP映射的攻击，可能是DDoS攻击史上最大的一次攻击（大于400Gbps）。 今年的DDoS攻击又出现了一个新的攻击趋势：使用恶意的JavaScript欺骗用户参与DD
由于东方的神秘力量，国内正常情况下是连不上 Google 账号的，所以平时使用 Chrome 经常会头疼书签同步问题。由于魔法力量的不稳定，有时候不同步，有时还会同步错乱导致书签丢失。
在VSCode里，对常见的关键字和可推断的对象确实是可以有智能提示，但一旦使用其他第三方库，这个智能提示就不管用了，而对于面向轮子来开发的应用层开发来说，就很痛苦。
声明：本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！
Apache Tomcat 从 8.5.7 到 8.5.63、从 9.0.0-M11 到 9.0.43 容易受到客户端不同步攻击。
背景 ---- 2020年受到疫情的影响，大众减少了线下娱乐，将更多的时间投入到了线上活动，直播行业迎来了一个小爆发，主播注册数量与线上观众不断增长。同时，在线直播演唱作为一种全新的演出模式，受到广大网友的好评，4月以来TME承办了近20场明星在线演唱会。 随着站外直播场景业务需求逐步增多，K歌直播旧的业务代码无法满足不断增长的产品功能需求和用户体验需求。在此背景下，Web侧急需为推流直播业务提供更加可靠的技术支持。 HLS和HTTP FLV ---- 目前K歌Web使用的直播流格式主要以HLS直播流为主
脚手架一词最早来源于建筑工程领域，是一种辅助工程建设的临时性设施。引申到软件开发领域，脚手架作为一种创建项目初始文件的工具被广泛地应用于新项目或者迭代初始阶段。
微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况。
因为HTTP请求无状态，当这一次 HTTP 请求结束之后，这个链接就关闭了，而下一次需要发起这个请求时，服务端不会知道这个请求是和之前某一个请求，来自同一个客户端的，不能跟踪 HTTP 请求的会话和发生情况，在这种场景下，就很难去处理登录信息、用户信息的维护问题，所以需要 Cookie 去维持客户端状态，需要注意的是，Cookie 是存在过期时间 expire 的
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol
前端开发在程序猿中无疑是一个比较苦逼的存在，作为一个前端开发，你必须要掌握Javascript，HTML，CSS这三大基础。Javascript作为网络时代最为重要的开发语言，由于其设计上的限制，一直在演进，经历了ES3，ES5，ES6（ECMAScript 2015）... ... 而简单的CSS也无法完成你复杂的需求，你需要Less/Sass/Sytlus来增强你的CSS的功能。这些还远远只是一小部分，你还需要了解：
CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。
因为需要考虑连接时丢包的问题，如果只握手2次，第二次握手时如果服务端发给客户端的确认报文段丢失，此时服务端已经准备好了收发数(可以理解服务端已经连接成功)据，而客户端一直没收到服务端的确认报文，所以客户端就不知道服务端是否已经准备好了(可以理解为客户端未连接成功)，这种情况下客户端不会给服务端发数据，也会忽略服务端发过来的数据。
Remult 是一个全栈 CRUD 库，它利用 TypeScript 模型来简化开发，并提供了类型安全的 API 客户端和查询构建器。
原文：https://nodesource.com/blog/worker-threads-nodejs
强缓存是指在缓存期间，请求不会发送到服务器，浏览器直接返回缓存结果，需要设置 Header：
$ sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak
前面对Dart语言的基本语法做了简单介绍，本篇文章我们站在一个更高的维度来聊一聊Dart。
由于业务增长，团队拆分，我们需要将原有系统的一部分模块（Vue实现）迁移到另外一个系统（React）中。但两个系统技术栈不同，导致重构成本变大，但业务又希望在短期内看到效果，后面可以增量的重构。
混合式开发，在产品体验以及页面加载速度的体验上已经非比以往的。今日早读文章由@unclechen分享。
前言 很高兴认识大家，之前做过很多分享，今天这次终于讲到正题了。因为之前一直讲自动化运维，其实做这么多年运维，自动化运维没干多少年。这几年很多公司各方面机器数量多了，规模大了才开始去做自动化运维。 今天的课题是高性能Web架构之缓存体系，之所以讲这个体系是因为作为一名运维工程师，我们经常会遇到Web站点访问很慢的情况。要解决这个问题，直接找开发，问题也不一定能解决。因为这个问题不仅仅是开发的问题， 这个问题涉及到浏览器从发出请求到响应请求的一系列问题，所有地方都需要一点点摸清楚才能最后找到问题所在。 1、认
很高兴认识大家，之前做过很多分享，今天这次终于讲到正题了。因为之前一直讲自动化运维，其实做这么多年运维，自动化运维没干多少年。这几年很多公司各方面机器数量多了，规模大了才开始去做自动化运维。
《生活大爆炸》中 让大家折腾不已的时光机问题 小编想说 谢耳朵这么折腾也就算了 没想到前端优化也是如此折腾不止 写在前面 作为开发，不仅仅是前端，优化总是你绕不开的事，我们的目标就是要产品变更得更快。优化的对象不仅仅指产品本身，还有我们日常的开发流程。要打造一个无痛的开发流程，并且能够相对轻松的对产品持续优化真的不轻松。没有银弹，任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。有时候只想懒一点，从枯燥的重复中解放出来。 从作者加入团队到现在，过程中遇到了很多问题
主题 58同城推荐系统架构设计与实现 一、推荐系统架构介绍 推荐系统是一个微庞大的工程、算法与业务综合的系统，其主要分为三大子系统： 1）线下推荐子系统； 2）线上推荐子系统； 3）效果评估子系统；
谷歌今天发布了Chrome浏览器的最新版本 70.0.3538.67（正式版本）。今天发布的最令人期待的新功能是新的Chrome设置面板选项，允许用户控制浏览器登录Google帐户时的行为方式,允许禁用谷歌页面的自动登陆同步功能，同时新增了AV1解码器。
如果在函数返回的时候，调用者就能够得到预期结果（即拿到了预期的返回值或者看到了预期的效果），那么这个函数就是同步的。
埋点统计在我们业务里经常有遇到，或者很普遍的，我们自己网站也会加入第三方统计，我们会看到动态加载方式去加载jsdk,也就是你常常看到的insertBefore操作，我们很少考虑到为什么这么做，直接同步加载不行吗？统计代码会影响业务首屏加载吗？同步引入方式，当然会，我的业务代码还没加载，首屏就加载一大段统计的jsdk,在移动端页面打开要求比较高的苛刻条件下，首屏优化，你可以在埋点统计上做些优化，那么页面加载会有一个很大的提升，本文是一篇笔者关于埋点优化的笔记，希望看完在项目中有所思考和帮助。
Elmedia Player是一款简单好用的Mac视频播放器，拥有大量便利功能，如内置网络浏览器，可让您上网找到合适的视频下载，以及打开网址浏览器，无需烦人的广告即可观看YouTube视频，提供无抖动和撕裂视频、流畅的播放以及完美的高清体验 。
浏览器内核 相信大部分的前端同学都是基于谷歌浏览器进行编码，IE的应该是极少数了吧，微软早在几年前就已经表示希望用户不要使用IE游览器尤其是旧版本的，仅仅作为兼容工具使用，因为考虑到一些旧项目需要使用，所以保留在系统内。做过IE兼容性的同学们都知道IE是多么让人头疼 🤦♂️，现在我们经常使用的主流内核大概这几种： Chrome浏览器内核：我们都叫chrome内核，以前是Webkit内核，现在是Blink内核 Firefox浏览器内核：Gecko内核，俗称Firefox内核 Safari浏览器内核：Web
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
