">
【实用工具】
【行业动态】
- 4、谷歌正式发布 Android 11 Beta 版，带来多项重磅更新！
- 5、2020 年底 flash 将停止更新，官方建议卸载
【技术干货】
【慧语清风】

【实用工具】

1、一个不限次数的桌面端图片压缩工具：Pngyu

http://nukesaq88.github.io/Pngyu/

是个桌面端应用。如图所示，第一步拖入图片，第二步点击开始压缩按钮。非常简单。

2、VS Code 项目配置路径别名跳转

https://github.com/pfan123/Articles/issues/66

3、精读《snowpack》

https://mp.weixin.qq.com/s/BKS3g47Im1imrkI55JjWSg

2020 年适合使用 snowpack 吗？

答案是还不适合用在生产环境。但用在开发环境还是可以的，不过需要承担三个风险：
1）开发与生产环境构建结果不一致的风险。
2）项目生态存在非 ESM import 模块化包而导致大量适配成本的风险。
3）项目存在大量 webpack 插件的 magic 魔法，导致标准化后丢失定制打包逻辑的风险。

In 2019, you should use a bundler because you want to, not because you need to.

【行业动态】

4、谷歌正式发布 Android 11 Beta 版，带来多项重磅更新！

https://www.infoq.cn/article/Mra7XfhPGIuuLVOTTawJ

5、2020 年底 flash 将停止更新，官方建议卸载

https://www.adobe.com/hk_zh/products/flashplayer/end-of-life.html

如先前在2017年7月宣布的那样，Adobe将在2020年12月31日（“停产日期”）之后停止分发和更新Flash Player。

Adobe为什么决定决定EOL Flash Player并选择2020年结束日期？**

多年来，诸如HTML5，WebGL和WebAssembly之类的开放标准一直在不断成熟，并可以作为Flash内容的可行替代方案。此外，主要的浏览器供应商正在将这些开放标准集成到他们的浏览器中，并且弃用了其他大多数插件（例如Adobe Flash Player）。

【技术干货】

6、H5直播起航

https://aotu.io/notes/2016/10/09/HTML5-SopCast/

视频流协议HLS与RTMP对比：
**

	协议	原理	延时	优点	使用场景
HLS	短链接Http	集合一段时间数据生成ts切片文件更新m3u8文件	10s - 30s	跨平台	移动端为主
RTMP	长链接Tcp	每个时刻的数据收到后立即发送	2s	延时低、实时性好	PC+直播+实时性要求高＋互动性强

《百闻技术周刊》029期 - 图4

7、Web 端如何低成本打造 Native 体验？

https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247496717&idx=1&sn=332a16aea0dbc36691042a79f2b45c9b

理想中的渲染流程应该是下图这样：

《百闻技术周刊》029期 - 图5

思路：

能直接附着到现有页面上的沙箱，用于把页面还原到初始状态（同时允许保留部分共享的部分）
过渡动画
API 并行加载
按照浏览器行为渲染 HTML
按照浏览器行为触发事件

沙箱实现：

受 qiankun 的沙箱机制启发，只需要在页面的中插入一小段内联 JS 记录：

window 上的全局变量
window/document 的 eventListener
定时器：setInterval/setTimeout/requestAnimationFrame/requestIdleCallback
MutationObserver

在我们需要时我们只需要清空页面的 DOM，还原变化的全局变量（这里和 qiankun 一样采用的浅拷贝），eventListener，定时器和 MutationObserver，就能把页面还原到初始状态。同时，记录的状态也能封存到一个对象中，当用户从下个页面 back 到上个页面时，我们可以直接把状态还原到页面上。这里就需要在清空页面状态时选择性的保留一些需要保留的对象：例如公共的 Framework，JSONP 请求的标签等。