FCC 成都社區·前端週刊 第 11 期

1. Angular 6 正式發佈

Angular 6.0.0 已正式發佈，新版本重點關注工具鏈以及工具鏈在 Angular 中的運行速度問題。Angular v6 是統一總體框架、Material 和 CLI 三大 Angular 組件的第一個版本，這次沒有將重點放在底層框架，而是更多地關注於工具鏈上，以使其具備更好的可移植性。

詳情：https://alligator.io/angular/angular-6/

2. 體驗友好的數值輸入"InputMode"

數值輸入框都須要一個數值輸入的 UI 界面。在大多數小屏幕手機上，只要把 input的 type 設置爲 number，就能夠輕鬆喚出數字鍵盤，處理數字輸入。但是在稍大點的手機屏幕上，在輸入框最右側會像 PC 端同樣出現一個默認的小上下箭頭，當手指去點這個箭頭，體驗會很是很差，這不是咱們但願的結果。當咱們輸入的內容不只僅是數字，還包括加號、減號時，input='number' 並不能很好地工做。能解決這一問題的 InputMode 已經被 WHATWG 提倡了不少年，如今 Chrome 66 終於率先支持這一模式。

詳情：https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

3. 有了Meiosis，也許你再也不須要Redux, MobX或RxJS

Meiosis 實際上並非一個庫，它只是提供一個更簡單的狀態管理模式。它的特色是：你在開發時有更多的自由空間，沒必要依賴庫的支持；沒有"黑科技"，你徹底知道代碼在作什麼；提供可複用的純函數對象組件；具備和 Render Props，React Context 相同的功能；支持第三方插件的引用如 Bootstrap、jQuery 等等。

詳情：https://medium.com/@foxdonut00/you-dont-need-redux-mobx-rxjs-cerebral-6a735b150a02

4. 打造你的第一個 RESTful API

若是你是從未寫過服務器端代碼的前端開發者，又想拓展技能樹日後端發展，能夠試試走出第一步，跟着本文做者學習如何用 NodeJS 打造一個 RESTFUL 風格的 API。

詳情：https://codeburst.io/building-my-first-restful-api-95575eb7ed42?gi=98b1f135d032

5. 漫畫：深刻淺出 ES 模塊

ES 模塊爲 JavaScript 提供了官方標準化的模塊系統。然而，這中間經歷了一些時間——近 10 年的標準化工做，但等待已接近尾聲。隨着 5 月份 Firefox 60 發佈（目前爲 beta 版），全部主流瀏覽器都會支持 ES 模塊，而且 Node 模塊工做組也正努力在 Node.js 中增長 ES 模塊支持。同時用於 WebAssembly 的 ES 模塊集成也在進行中。
讓咱們來看看 ES 模塊能解決什麼問題，以及它們與其餘模塊系統中的模塊有什麼不一樣。

詳情：https://zhuanlan.zhihu.com/p/36358695

6. 團隊開發中如何統一構建標準

在開發團隊工做時，在開發者中創建共同的構建標準以節省時間和防止重複工做相當重要。下面是 CircleCI 在整個團隊中自動執行共享構建標準的 3 種方法：強制代碼格式化，強制構建時間限制，強制 PR 分支目標。

詳情：https://circleci.com/blog/enforce-build-standards/

7. 用 CSS 開發下拉菜單

CSS 愈來愈強大，而且具備 CSS grid 和自定義屬性（也稱爲CSS變量）等功能，咱們看到一些真正有創意的解決方案正在出現。其中一些解決方案的重點不只在於使網頁更漂亮，並且使網頁更易於訪問。這篇文章講述瞭如何使用僞類 focus-within 製做一個簡單的下拉菜單。

詳情：https://css-tricks.com/solved-with-css-dropdown-menus/

8. React構建表單-您須要知道的一切

表單對於任何現代應用都是必不可少，它們是用戶與應用進行交互的基本媒介。在應用中表單可表現爲各類形式：用戶安全地登陸，搜索和過濾產品列表，預訂產品和構建購物車等。在本教程中，咱們將看看 React 如何處理表單。咱們不只介紹基礎知識，還介紹驗證和最佳實踐，以及一些有經驗的開發人員也會遇到的錯誤。

詳情：https://www.codementor.io/blizzerand/building-forms-using-react-everything-you-need-to-know-iz3eyoq4y

9. 你天天都應該使用的現代JS功能

JavaScript 僅用於在網站上添加一點交互做用的時代已經一去不復返了。新的 ECMAScript 標準如今每一年發佈，帶來了愈來愈有用和強大的功能。JavaScript 不只在前端使用，還能夠構建後端體系結構、移動、桌面或物聯網應用。本文做者做爲全棧開發者和移動端開發專家，爲咱們提供了他平常工做中使用的 JS 技巧。

詳情：https://www.codementor.io/thomas478/modern-javascript-features-which-you-should-be-using-every-day-for-better-development-and-what-problems-do-they-solve-itkhcemti

10. 如何處理 JavaScript 內存泄漏

這篇文章爲深刻探討 JavaScript 以及其工做原理系列的第三篇，討論了一個開發者容易忽視的重要主題 ：內存管理。文章內容包括：什麼是內存，內存生命週期，JavaScript 中的內存分配，內存釋放，垃圾收集，4 種常見的 JavaScript 內存泄漏以及如何處理 JavaScript 內存泄漏的技巧。

詳情：https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650841194&idx=1&sn=c7994c15f1ad38b636c763a01f9c18ad

11. 技術面試須要掌握的基礎知識

這是來自 GitHub Trending 的熱門項目，目前已有超 2 萬 star。項目總結了技術面試須要掌握的基礎知識，包括：算法，操做系統，網絡，面向對象，數據庫，Java，分佈式，工具和編碼實踐等等。

詳情：https://github.com/CyC2018/Interview-Notebook

12. 中國程序員容易發音錯誤的單詞

中國程序員容易發音錯誤的單詞，包括咱們熟知的 Angular、AJAX、Git、hidden、Linux、module 和 width 等。一塊兒來看看，或許會有新發現。

詳情：https://github.com/shimohq/chinese-programmer-wrong-pronunciation

每週一同步更新到 GitHub, 歡迎 star :)