前端技术周刊 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/...