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

NusterCache 發布于2019-08-29 15:17 / 1263人閱讀

摘要：正式發布已正式發布，新版本重點關注工具鏈以及工具鏈在中的運行速度問題。文章內容包括什么是內存，內存生命周期，中的內存分配，內存釋放，垃圾收集，種常見的內存泄漏以及如何處理內存泄漏的技巧。

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

云服務器 GPU云服務器獨立開發變現周刊（第 17 期）：為了活獨立開發變現周刊（第25期）：免費表單生獨立開發變現周刊（第 19 期）：基于G 獨立開發變現周刊（第27期）：15年獨立

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113219.html

FCC 成都社區·前端周刊第 7 期

摘要：詳情發布于月號發布了版本，除了性能改進修復外，首次添加了貢獻者的安裝腳本。詳情中的應用在中悄悄增加了對漸進式應用這一系列新技術的基本支持，這意味著現在可以在沒有批準的情況下在上安裝應用程序，不過會有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介紹了 18 個 ECMAScript 2016，2017 和 2018 中新增加的特性，這些特性已被加入到 TC3...

source 2019-08-30 14:23 評論0 收藏0
FCC 成都社區·前端周刊第 7 期

摘要：詳情發布于月號發布了版本，除了性能改進修復外，首次添加了貢獻者的安裝腳本。詳情中的應用在中悄悄增加了對漸進式應用這一系列新技術的基本支持，這意味著現在可以在沒有批準的情況下在上安裝應用程序，不過會有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介紹了 18 個 ECMAScript 2016，2017 和 2018 中新增加的特性，這些特性已被加入到 TC3...

NikoManiac 2019-08-22 16:07 評論0 收藏0
FCC 成都社區·前端周刊第 7 期

摘要：詳情發布于月號發布了版本，除了性能改進修復外，首次添加了貢獻者的安裝腳本。詳情中的應用在中悄悄增加了對漸進式應用這一系列新技術的基本支持，這意味著現在可以在沒有批準的情況下在上安裝應用程序，不過會有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介紹了 18 個 ECMAScript 2016，2017 和 2018 中新增加的特性，這些特性已被加入到 TC3...

hiYoHoo 2019-08-02 10:09 評論0 收藏0
FCC成都社區·前端周刊第 2 期

摘要：詳情正式發布于號正式發布，版本代號為。上個月有次下載量，大大超過了的下載量。但對于偽類選擇器，其總是顯示為未使用。詳情新增允許第三方嵌入的網站可請求訪問第一方網站的，但這并不是指放寬了同源策略。 01. Propel：JS的科學計算框架 Propel 是一種 JavaScript 科學計算框架，類似于 Python 中的科學計算庫 NumPy，也就是說利用 JS 也可以進行機器學習啦。...

Muninn 2019-08-30 14:17 評論0 收藏0
FCC成都社區·前端周刊第 2 期

摘要：詳情正式發布于號正式發布，版本代號為。上個月有次下載量，大大超過了的下載量。但對于偽類選擇器，其總是顯示為未使用。詳情新增允許第三方嵌入的網站可請求訪問第一方網站的，但這并不是指放寬了同源策略。 01. Propel：JS的科學計算框架 Propel 是一種 JavaScript 科學計算框架，類似于 Python 中的科學計算庫 NumPy，也就是說利用 JS 也可以進行機器學習啦。...

tinna 2019-08-22 15:51 評論0 收藏0
FCC成都社區·前端周刊第 2 期

摘要：詳情正式發布于號正式發布，版本代號為。上個月有次下載量，大大超過了的下載量。但對于偽類選擇器，其總是顯示為未使用。詳情新增允許第三方嵌入的網站可請求訪問第一方網站的，但這并不是指放寬了同源策略。 01. Propel：JS的科學計算框架 Propel 是一種 JavaScript 科學計算框架，類似于 Python 中的科學計算庫 NumPy，也就是說利用 JS 也可以進行機器學習啦。...

zero 2019-08-02 10:04 評論0 收藏0