2019.07.12
chrome 可能提供静音功能
Js 的代价,2019年,处理脚本的主要成本现在是下载和CPU执行时间,以下是一些指导:
- 改善下载时间
- 保持JavaScript包的小巧,特别是对于移动设备。小的js包可提高下载速度,降低内存使用率并降低CPU成本。
- 避免只有一个大js文件;如果单个js文件超过~50-100 kB,则将其拆分为单独的较小的js文件。 (通过HTTP / 2多路复用,可以同时传输多个请求和响应消息,从而减少额外请求的开销。)
- 在移动设备上,你会希望发送的数据更小,特别是因为网络速度,但也保持低内存使用率。
- 缩短执行时间
- 避免使主线程保持忙碌的长任务,并可以推断出页面交互的时间。下载后,脚本执行时间现在是主要成本。
- 避免使用大型内联脚本(因为它们仍然在主线程上进行了解析和编译)。一个好的经验法则是:如果脚本超过1 kB,请避免内联(因为1 kB也是外部脚本启动时代码缓存的下限)。
- 改善下载时间
2019年的Angular
https://blog.bitsrc.io/the-state-of-angular-in-2019-b5fb7783a1c6
Stencil是一个用于构建可重用,可扩展的设计系统的工具链。生成在每个浏览器中运行的小型,超快且基于100%标准的Web组件。
Tim Cook 传记,工作狂
编写一个 webpack loader 构建的时候自动注入代码,文中提到的 AST 查看工具 有助于理解 javascript 的编译解析
babel 手册
https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/README.md