前端技术周刊 2018-08-27：AMP

前端技术周刊 2018-08-27：AMP

前端快爆

• Chrome Canary 实现了 HTML lazyload。

  点评：测试特性，须要开启两个 Flag： chrome://flags/#enable-lazy-image-loading， chrome://flags/#enable-lazy-frame-loading。 🔗

• Firefox Nightly 已经在 CSS Flexbox 中实现了align-self`justify-content`属性。🔗

  点评：CSS Grid 的不少特性落地后如今已经开始反哺 Flexbox。

• Windows 2000 被编译为 WebAssembly 能够运行在浏览器中了，扫雷是否唤起了你童年的记忆呢？🔗

  点评：全部能够用 WebAssembly 实现的终将会用 WebAssembly 实现。

• GhostScript 爆出远程代码执行漏洞，将影响到 ImageMagick 等图像库，此漏洞致使攻击者能够经过上传恶意构造的图像文件，当目标服务器在对图像进行图像裁剪、转换等处理时即会执行攻击者指定的命令。🔗

• 在 Chrome 69 里，你能够不加任何 Flag 使用 OffscreenCanvas 了，这个 API 容许 Canvas 的绘图运算跑在 Web Worker 里而不受主线程的影响。🔗

  点评：该 API 主要用于提高 Canvas 2D/3D 绘图应用和 Web 游戏的渲染性能和使用体验。

优秀 Demo

• 3D 轮播

• Lazy Box

专题：AMP

本周是由 @勇智 带来的 AMP 相关分享。与国内巨型 App 不一样，海外市场中 HTML5 仍可以与 App 势均力敌。HTML5 是 Google 的阵地之一，Google 在手机端的搜索结果已经全面 AMP 化，阿里面向海外的业务也都使用了相应技术。

介绍：

• AMP 文档
• AMP，来自 Google 的移动页面优化方案
• Google 移动端性能优化利器 —— AMP

衍生方案：

• AMP 与 PWA 结合
• Google I/O 2018 PWA & AMP 必知必会
• 百度的“AMP”：MIP 文档
• 移动页面加速 Google 的 AMP 和百度的 MIP

实践：

• AMP 在腾讯新闻海外版的实践
• 经过 PWA 咱们让新用户转化率提高了 104%

---

本期编辑：@壹丝，审阅：@承虎(humphry)，专题供稿：@勇智。
本文首发于：https://zhuanlan.zhihu.com/p/...