前端深度积累

关于React v16.3 新生命周期

https://juejin.im/post/5aca20c96fb9a028d700e1ce

WebAssembly 现状与实战
https://www.ibm.com/developerworks/cn/web/wa-lo-webassembly-status-and-reality/index.html

React v16.6.0: lazy, memo 和 contextType

https://react.css88.com/blog/2018/10/23/react-v-16-6.html#reactlazy-code-splitting-with-suspense
JS 引擎 V8 7.2 Beta 发布，平均解析时间百分比降低到 7.5％

https://mp.weixin.qq.com/s/-bKFmqZJm63ik4VV_V2Diw

技术视野
说明：
Flutter 运行时基于 Web 的实验性实现——Hummingbird，该项目旨在将 Flutter 应用引入浏览器。它利用 Dart 平台的特性不仅可以编译原生 ARM 代码，还可以编译JavaScript 。这使得 Flutter 代码可以在基于标准的 Web 上运行而无需任何更改。据了解，Hummingbird 可让 Flutter 覆盖更多平台，包括Windows、macOS和Linux。
链接：
原文：https://medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8
翻译：https://juejin.im/post/5c07c3bbe51d451dee52bb75

四 总结

1、设备像素是设备分辨率的单位，同一个设备的设备像素大小固定不变
2、DPR = 设备像素/CSS像素 = 设备像素 / 设备独立像素 ~= PPI/160 = 页面缩放比例
2、visual viewport width = ideal viewport width / zoom factor（其中，同一个设备的ideal viewport的宽度固定不变，因此缩放页面只是改变visual viewport的大小）
3、CSS像素 = 设备独立像素 = 逻辑像素
4、同一个设备的CSS像素数字大小不变，但每CSS像素代表的长度会变，即CSS像素会伸缩
5、现代浏览器中实现缩放的方式都是「拉伸」像素：即每CSS像素单位代表的长度发生变化，而像素总数字不变。所以缩放会引起CSS像素的变化。
6、进行缩放时，visual viewport的尺寸会发生变化，layout viewport的尺寸保持不变
7、移动设备上的layout viewport的尺寸都大等于其浏览器的可视区域(visual viewport)
8、css中的1px并不是代表设备像素上的1px
9、移动设备分辨率越大，css中1px代表的物理像素就会越多，devicePixelRatio的值也越大
10、ideal viewport的宽度等于移动设备的屏幕宽度(这个理想的宽度是指以CSS像素单位计算的宽度，即屏幕的逻辑像素宽度)，跟设备的物理宽度没有关系。同一个设备的ideal viewport的宽度固定不变。