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 :)