FCC 成都社区·前端周刊第 6 期

01. JS 引擎 V8 v6.6 的更新

最新 v6.6 版本的 V8 JavaScript 引擎更新了方法 Function.prototype.toString()，改进了代码缓存机制、异步性能和 Array#reduce 性能，为 String.prototype添加了 trimStart() 和 trimEnd() 方法。

详情：https://v8project.blogspot.com/2018/03/v8-release-66.html

02. 2018 开发者调查结果

这是一份来自 StackOverflow 10万开发者的调查结果，请查收一下~
调查结果显示 JavaScript 是连续 6 年最常用的编程语言；TensorFlow 是 StackOverflow 发展最快的技术之一，最受开发者青睐；全球范围内，使用 F#，Ocaml，Clojure 和 Groovy 的开发者薪资最高。

详情：https://insights.stackoverflow.com/survey/2018/

03. React 16.3.0 发布

React 16.3.0 版本引入了新的 Context API，允许开发者使用 React.createContext() 生成两个关联组件；组件生命周期也发生了变化，废除了 componentWillMount, componentWillUpdate, componentWillReceiveProps, 引入了 getDerivedStateFromProps；此外，还提供了 StrictMode, createRef 和 forwardRef APIs，以保证代码符合最佳实践。

详情：https://reactjs.org/blog/2018/03/29/react-v-16-3.html

04. 11 种 JavaScript 机器学习库

文章介绍了 11 种 JavaScript 机器学习库： Brain.js，Synaptic，Neataptic，Conventjs，Webdnn，Deeplearnjs，Tensorflow Deep Playground，Compromise，Neuro.js，mljs，Mind.

详情：https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c

05. TypeScript 2.8 发布

TypeScript 2.8 新版本继续支持条件类型（形式为 A extends B ? C : D），新增了 VS Code 中组织 import 导入的功能（可删除未使用的导入和对导入进行排序），并改进了 JSX 支持。

详情：https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/

06. 2018 JS 库与框架概览

文章介绍了目前JS库与框架的状态，包括React、Vue.js、Angular、Polymer、TypeScript 和 jQuery，同时通过回顾各框架的历史情况，来预测各框架未来的发展，为前端工程师的技术选型提供参考。

详情：https://medium.com/@alberto.park/the-status-of-javascript-libraries-frameworks-2018-beyond-3a5a7cae7513

07. npm v5.7.0发布

新版本中 npm install 可以自动修复 package-lock.json 和 npm-shrinkwrap.json 合并冲突的文件，还新增了 npm ci 命令。

注意：该版本出现文件系统权限被更改问题。 issue：https://github.com/npm/npm/issues/19883

详情：http://blog.npmjs.org/post/171139955345/v570

08. 开始使用新的 CSS Typed Object Model

CSS 类型化对象模型带来了类型，方法和灵活的对象模型来处理 JavaScript 中的 CSS 值。作为 Houdini 的一部分，新的 CSS 类型对象模型（Typed OM）通过给 CSS 值添加类型、方法和适当的对象模型来进行扩展。值不再是字符串，而是作为 JavaScript 对象的值，用于提升 CSS 的性能和更加合理的操作。Chrome 66 已经率先支持 Typed OM。

详情：https://zhuanlan.zhihu.com/p/35029796

09. React Apollo 打造 GitHub 客户端

React还能开发客户端应用？这篇文章教你使用 React Apollo 构建一个与 GitHub GraphQL API 进行交互的应用程序。

详情：https://www.graphql.college/building-a-github-client-with-react-apollo/

10. Vue Design System

Vue Design System 是一个用 Vue.js 构建 UI 设计系统的开源工具，提供了一套基础应用程序开发的工具，模式和实践。

详情：https://github.com/viljamis/vue-design-system

11. 'display：contents'如何工作

display: contents 使元素的子元素显示为其父元素的直接子元素，而忽略元素本身。它可以帮助我们保持良好的语义化结构，同时也能帮助我们得到我们想要的布局。目前，只有 Firefox 和 Chrome的最新版本支持该属性。

详情：https://bitsofco.de/how-display-contents-works/

12. Chrome DevTools的12个使用技巧

伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome 已成为一个必须掌握的工具。在这篇文章中，分享了 12 个很酷的技巧，包括拖拽元素重新布局，直接通过 CSS 选择器查找元素和类似 sumlime gotoanything 的功能等。

详情：https://medium.freecodecamp.org/cool-chrome-devtools-tips-and-tricks-you-wish-you-knew-already-f54f65df88d2

每周一同步更新到 GitHub, 欢迎 star :)