前端技术周刊 2018-05-25

前端技术周刊 2018-05-25

前端快爆

生态更新

• 当前，所有主流浏览器接近完全支持 Payment Request API（Edge 15+，Chrome 61+，Safari 11.1+，Firefox 56+需开 flag），并将逐步支持 Web Authentication（Firefox 60+，Edge 18+，Chrome 67+，Safari 暂不支持），在前端页面进行的支付流程将不存在技术上的阻碍。W3C 预计 Payment Request API 提案将在今年第四季度进入推荐状态。?

• WebXR Device API 将取代 WebVR 1.1 API ，出现在将来的 Chrome 67 中，VR 部分被首先支持，而 68+ 则将支持 AR 部分。?

• 近日 TC39 会议正式将 Array.prototype.flatten 改名为 flat，以避免与 MooTools 中的同名函数冲突，破坏了 Web 的兼容性。该草案目前处于 Stage 3 阶段，其功能是将一个嵌套数组递归展开，默认深度为 1。同时草案中还有一个 Array.prototype.flatMap方法，它与 Array.prototype.map 类似，唯一的不同是它将结果展开为一个新数组。?
• Chrome 68+ 将支持 Keyboard Lock 功能，允许开发者在用户进入全屏状态时，捕获到通常难以捕获到的一些被代理的组合键，如 Escape、Alt+Tab, Ctrl+N等。?

瑞士军刀

• Hyphenoply 是一个用于浏览器端的 hyphen: auto 功能的 polyfill。如果你的应用有比较强的英文字体排印的需求，可以试试这个库。?
• Glide.js 是一款用 ES6 书写成的无依赖的轮播库。?

• 本月初发布的 2018 前端工具调研报告表明: ?

  • 近7成的用户选择使用了 Sass 作为 CSS 处理器
  • 近一半的用户采用了 CSS 模块化命名语法
  • 近一半用户使用了 CSS Lint 工具
  • 近一半用户采用了 npm script 作为自动化工具
  • jQuery、React、Lodash 和 Vue 是前四最常采用的 JS 库/框架
  • 近7成用户使用 Webpack 作为 JS 模块打包工具
  • 近8成用户采用了编译器以兼顾 ES6 语法与浏览器支持
  • 近4成用户不使用任何测试框架

专题：Bash & Git

Humphry: 本文集结了可能对前端有用的一些命令行和 Git 相关的文章或菜谱。

Git

• Git 菜谱：Git 的初学者资料
• Git 飞行指南：Git 出问题了怎么弄？这里有详尽的经验
• 保护我们的 Git Repos，立刻停止“狐步舞”：一个 Git 项目维护的小细节，介绍了 Git 的 first-parent 相关知识

Unix & Bash

• explainshell.com 是一个值得加入收藏夹的 shell 脚本图形化解释站点，能够解析出一行 shell 脚本中哪些参数对应哪个命令
• Bash的坑：集结了 55 条写 Bash 脚本的血泪史
• 我希望早点知道的关于 Bash 的十件事
• Makefile 的失落技艺：如果有维护老项目的需求，可以了解一下，新的项目就让这个技艺好好失落了吧
• Unix 哲学：无论是 KISS 原则，还是 16 条子原则，对于程序与接口设计都是有用的建议
• 5个免费的 VIM 学习资源

---

编辑：承虎 & 审阅：壹丝