前端每周清单第 7 期：Next 2.0 发布，Safari 10.1 新增系列重要特性，Vue.js 2.2 完整 API 手册

  • 王下邀月熊

2017 年 4 月 6 日

话题：语言 & 开发架构前端

前端每周清单专注前端领域内容，分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

开发教程

步步为营，掌握基础技能

工程实践

立足实践，提示实际水平

深度阅读

深度思考，升华开发智慧

  • 《深入浅出构建简单的 Chess AI》：本文作者介绍了如何基于 JavaScript 构建一个国际象棋的 AI，虽然不属于前端开发范畴，不过还是蛮有意思的一篇文章。本文主要包括移动生成、棋盘可视化、位置评估、基于 Minimax 算法的搜索树、Alpha-beta 修剪等等。( https://parg.co/bCw )
  • 《构建高性能扩展与折叠动画》：本文以菜单伸缩动画为例，介绍如何构建高性能扩展与折叠动画。较简单但是性能有缺陷的方式譬如修改元素宽高或者使用 clip 变换属性；而本文主要是由 CSS3 的 scale 变换来实现菜单的扩展与折叠，其为了保证菜单按钮的视觉效果与整体的平滑缩放还使用了所谓的对冲缩放技巧。( https://parg.co/bCz )
  • 《基于 ReactNaive 与 Uber 工程基础构建 UberEATS》：本文是 UberEATS 的工程师团队介绍的他们基于 Uber 原工程架构与 ReactNative 实现应用的工程实践；包括了构建迁移路径、应用架构定义、自动更新、测试与静态类型检测等等。（ https://eng.uber.com/ubereats-react-native/ )
  • 《利用机器学习优化网站性能》：本文是从浅显机器学习的角度来考虑如何优化网站性能，可能从专业服务端机器学习的角度来看并不复杂，但是从前端网站构建的角度来看也是蛮有意思的。本文包括了记录网站点击与提交信息、利用 AWS S3 进行模型训练、利用 UI 进行可视化展示等等。（ https://parg.co/bhQ ）
  • 《Chrome 中 Preload、Prefetch 以及 优先级介绍》：本文是 Google Chrome 团队的 Addy Osmani 对 Chrome 中的 Preload、Prefetch 以及抓取优先级的介绍，并且介绍了在网站性能优化中对于 Preload 与 Prefetch 的使用技巧和 HTTP/2 带来的服务端推送如何协同使用等内容。( https://parg.co/bhM )

开源项目

乐于分享，共推前端发展

  • 《jsinspect》：jsinspect 提供了方便的命令行工具或者构建插件来检测代码库中的复制粘贴或者结构相似的代码片，以方便开发者在优化过程中完成代码的重构。( https://github.com/danielstjules/jsinspect )
  • 《Reactide》：Reactide 是首个面向 React Web 应用开发 IDE，其基于 Electron 提供了跨平台的特性。Reactide 允许我们像传统开发那样打开单个文件就可以完成预览，并且提供了便捷的组件导入、格式化等功能。该项目仍处于积极的开发中，可以拭目以待。 ( https://github.com/reactide/reactide )
  • 《marky》：marky 是基于 performance.mark/measure 封装的高性能 JavaScript 计时器，其相较于console.time()以及console.timeEnd()具有更好地性能表现，相较于简单的Date.now()具有更好地准确度。(https://github.com/nolanlawson/marky ）
  • 《Service Worker Mock》：在 PWA 应用的开发中对于 Service Worker 的测试一直比较麻烦，每个文件都可能通过self.addEventListener产生副作用，并且 Service Worker 的运行环境也迥异于正常的 Web 或者 Node 环境。而本包则是通过注入伪造的 Service Worker 环境来方便测试。( https://parg.co/bCD )
  • 《Public JSON APIs》：本仓库列举了许多 Web 开发中用到的公开的 JSON 接口，包括信息检索、机器学习、工具使用等等多个方面。( https://github.com/toddmotto/public-apis )
  • 《generator-ngx-app》：Angular 4 商业级应用项目生成器，其包括了 angular-cli 提供的现代工具与工作流，以及来自于社区的最佳实践、可扩展的基础模板以及较好地学习曲线。（ https://github.com/angular-starter-kit/generator-ngx-app ）

巅峰人生

  • 《WWW 之父 Tim Berners-Lee 获图灵奖》：美国计算机学会（ACM）宣布将 2016 年的图灵奖授予万维网（WWW）的发明者 Tim Berners-Lee。他将获得由 Google 赞助的一百万美元奖金。ACM 提到他的获奖理由是，“inventing the World Wide Web, the first web browser, and the fundamental protocols and algorithms allowing the web to scale.” 。( https://parg.co/bhv)

前端之巅

「前端之巅」是 InfoQ 旗下关注前端技术的垂直社群，加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到 editors@cn.infoq.com，注明“前端之巅投稿”。

感谢韩婷对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作，请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博（@InfoQ，@丁晓昀），微信（微信号：InfoQChina）关注我们。

语言 & 开发架构前端