前端技术周刊 2018-05-04

前端快爆

• 随着 Windows 10 四月份更新的 Edge 17 带来了大量的新特性，比如：CSS 可变字体（Variable Fonts）、Service Worker、Web Assembly、Push API、CSS Backdrop filter、SVG 中支持 CSS transforms 等。?

  老丝点评：Edge 干劲十足，就是版本号干不过友商。

• 自 2016年开始*.github.io 已经支持 HTTPS。<span data-type="color" style="color: rgb(36, 41, 46);"><span data-type="background" style="background-color: rgb(255, 255, 255);">今天，GitHub Pages 上所有的自定义域名也开始支持 HTTPS，这意味着超过一百万个使用 GitHub Pages 网站可以使用免费的 HTTPS 服务。</span></span>?

  老丝点评：然鹅国内你懂的。

• Safari 开发者工具对 Style 面板进行了全面改版，添加了花括号的显示，支持更多快捷键等。?

> 老丝点评：越来越像 Chrome，本是同根生，奈何 Safari 自甘堕落？

• W3C WebDriver <span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);">提案</span></span>正式进入推荐标准（Proposed Recommendation）阶段。<span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);">WebDriver 是一个平台和语言中立的访问接口，允许应用程序或脚本获得Web浏览器的状态并控制浏览器的行为。目前主要用于开发人员编写测试脚本，通过一个独立的控制流程实现基于浏览器的自动测试，未来该规范还可能使运行在浏览器中的脚本程序对浏览器行为进行控制。</span></span>?
• V8 引擎宣布支持 JavaScript 的第8种数据类型：大整数 BigInt。自此，JavaScript 可以精确表示任意位数的整数，再也不受64位双精度浮点数格式的限制了。?

优秀 Demo

• 在线图片滤镜编辑器

• 粒子效果按钮

专题

季度安全报告

• atob 2.1.0 以前版本存在内存泄漏风险。?
• npm 5.7.1 以前版本的漏洞可能导致用户绕过文件夹的访问限制。?
• electron 1.8.2-beta.5 以前版本存在任意代码执行漏洞。?
• zeroclipboard 1.0.8以前版本存在 XSS 风险。?

ESNext

• How To Cancel Your Promise

  如何取消 promise 调用链，作者给出了 bluebird、单纯的promise、generators 模式、async/await 和 rxjs 下的处理方式。

• Async/Await Will Make Your Code Simpler

  Await 虽甜，能并行的时候可是要注意呦，参见最后一条~

• 掌握 Node.js 中的 async/await

  Await 不仅甜，更重要的是减轻了心智负担，看此文如何将 Promise 重构得 simple and stupid。

• await vs return vs return await - JakeArchibald.com

  async await 也能带来不良书写方式，本文为相关书写方式的探讨。

• Generators in Javascript - Advanced Web Machinery

  generator 用于迭代是个怎么样子。

• 有了indexOf，为什么ECMAScript 7还添加了Array.prototype.includes

  虽然我们可以使用 indexOf()来模拟 includes()的行为，但是 indexOf()在语义上无法清晰的描述这个场景。

• Implementing The Function Composition Operator In Javascript

  使用 Proxy 来实现多个函数聚合为新函数。

• 反向工程混淆后的 JavaScript 代码

  本视频介绍了利用 Proxy 进行 JavaScript 混淆代码逆向破解。

• ES6的工厂函数

  与 new 一个 class 相比，使用工厂函数更轻便，也更符合鸭子模型。

• ES modules: A cartoon deep-dive – Mozilla Hacks – the Web developer blog

  ES Module科普文一篇，讲了ES Module的结构和工作流、与CommonJS的对比。并没有什么新鲜的概念，觉得文章写得很棒，就分享一下。

• Investigating Performance of Object#toString in ES2015

  介绍了 Object.prototype.toString方法在ES2015中的使用，同时介绍了 Symbol.toStringTag。

本期编辑：壹丝，池冰；审阅：Humphry。
题图来源：https://pixabay.com/en/bolt-closure-door-wood-green-1484936/