FCC 成都社區(qū)·前端周刊第 11 期

lentrue 發(fā)布于2019-08-22 17:01 / 3272人閱讀

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

1. Angular 6 正式發(fā)布

Angular 6.0.0 已正式發(fā)布，新版本重點(diǎn)關(guān)注工具鏈以及工具鏈在 Angular 中的運(yùn)行速度問題。Angular v6 是統(tǒng)一整體框架、Material 和 CLI 三大 Angular 組件的第一個(gè)版本，此次沒有將重點(diǎn)放在底層框架，而是更多地關(guān)注于工具鏈上，以使其具有更好的可移植性。

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

2. 體驗(yàn)友好的數(shù)值輸入"InputMode"

數(shù)值輸入框都需要一個(gè)數(shù)值輸入的 UI 界面。在大多數(shù)小屏幕手機(jī)上，只要把 input的 type 設(shè)置為 number，就可以輕松喚出數(shù)字鍵盤，處理數(shù)字輸入。可是在稍大點(diǎn)的手機(jī)屏幕上，在輸入框最右側(cè)會(huì)像 PC 端一樣出現(xiàn)一個(gè)默認(rèn)的小上下箭頭，當(dāng)手指去點(diǎn)這個(gè)箭頭，體驗(yàn)會(huì)非常不好，這不是我們希望的結(jié)果。當(dāng)我們輸入的內(nèi)容不僅僅是數(shù)字，還包括加號(hào)、減號(hào)時(shí)，input="number" 并不能很好地工作。能解決這一問題的 InputMode 已經(jīng)被 WHATWG 提倡了很多年，現(xiàn)在 Chrome 66 終于率先支持這一模式。

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

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

Meiosis 實(shí)際上并不是一個(gè)庫，它只是提供一個(gè)更簡(jiǎn)單的狀態(tài)管理模式。它的特點(diǎn)是：你在開發(fā)時(shí)有更多的自由空間，不必依賴庫的支持；沒有"黑科技"，你完全知道代碼在做什么；提供可復(fù)用的純函數(shù)對(duì)象組件；具有和 Render Props，React Context 相同的功能；支持第三方插件的引用如 Bootstrap、jQuery 等等。

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

4. 打造你的第一個(gè) RESTful API

如果你是從未寫過服務(wù)器端代碼的前端開發(fā)者，又想拓展技能樹往后端發(fā)展，可以試試走出第一步，跟著本文作者學(xué)習(xí)如何用 NodeJS 打造一個(gè) RESTFUL 風(fēng)格的 API。

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

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

ES 模塊為 JavaScript 提供了官方標(biāo)準(zhǔn)化的模塊系統(tǒng)。然而，這中間經(jīng)歷了一些時(shí)間——近 10 年的標(biāo)準(zhǔn)化工作，但等待已接近尾聲。隨著 5 月份 Firefox 60 發(fā)布（目前為 beta 版），所有主流瀏覽器都會(huì)支持 ES 模塊，并且 Node 模塊工作組也正努力在 Node.js 中增加 ES 模塊支持。同時(shí)用于 WebAssembly 的 ES 模塊集成也在進(jìn)行中。
讓我們來看看 ES 模塊能解決什么問題，以及它們與其他模塊系統(tǒng)中的模塊有什么不同。

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

6. 團(tuán)隊(duì)開發(fā)中如何統(tǒng)一構(gòu)建標(biāo)準(zhǔn)

在開發(fā)團(tuán)隊(duì)工作時(shí)，在開發(fā)者中建立共同的構(gòu)建標(biāo)準(zhǔn)以節(jié)省時(shí)間和防止重復(fù)工作至關(guān)重要。下面是 CircleCI 在整個(gè)團(tuán)隊(duì)中自動(dòng)執(zhí)行共享構(gòu)建標(biāo)準(zhǔn)的 3 種方法：強(qiáng)制代碼格式化，強(qiáng)制構(gòu)建時(shí)間限制，強(qiáng)制 PR 分支目標(biāo)。

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

7. 用 CSS 開發(fā)下拉菜單

CSS 越來越強(qiáng)大，并且具有 CSS grid 和自定義屬性（也稱為CSS變量）等功能，我們看到一些真正有創(chuàng)意的解決方案正在出現(xiàn)。其中一些解決方案的重點(diǎn)不僅在于使網(wǎng)頁更漂亮，而且使網(wǎng)頁更易于訪問。這篇文章講述了如何使用偽類 focus-within 制作一個(gè)簡(jiǎn)單的下拉菜單。

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

8. React構(gòu)建表單-您需要知道的一切

表單對(duì)于任何現(xiàn)代應(yīng)用都是必不可少，它們是用戶與應(yīng)用進(jìn)行交互的基本媒介。在應(yīng)用中表單可表現(xiàn)為各種形式：用戶安全地登錄，搜索和過濾產(chǎn)品列表，預(yù)訂產(chǎn)品和構(gòu)建購物車等。在本教程中，我們將看看 React 如何處理表單。我們不僅介紹基礎(chǔ)知識(shí)，還介紹驗(yàn)證和最佳實(shí)踐，以及一些有經(jīng)驗(yàn)的開發(fā)人員也會(huì)遇到的錯(cuò)誤。

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

9. 你每天都應(yīng)該使用的現(xiàn)代JS功能

JavaScript 僅用于在網(wǎng)站上添加一點(diǎn)交互作用的時(shí)代已經(jīng)一去不復(fù)返了。新的 ECMAScript 標(biāo)準(zhǔn)現(xiàn)在每年發(fā)布，帶來了越來越有用和強(qiáng)大的功能。JavaScript 不僅在前端使用，還可以構(gòu)建后端體系結(jié)構(gòu)、移動(dòng)、桌面或物聯(lián)網(wǎng)應(yīng)用。本文作者作為全棧開發(fā)者和移動(dòng)端開發(fā)專家，為我們提供了他日常工作中使用的 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 內(nèi)存泄漏

這篇文章為深入探討 JavaScript 以及其工作原理系列的第三篇，討論了一個(gè)開發(fā)者容易忽視的重要主題：內(nèi)存管理。文章內(nèi)容包括：什么是內(nèi)存，內(nèi)存生命周期，JavaScript 中的內(nèi)存分配，內(nèi)存釋放，垃圾收集，4 種常見的 JavaScript 內(nèi)存泄漏以及如何處理 JavaScript 內(nèi)存泄漏的技巧。

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

11. 技術(shù)面試需要掌握的基礎(chǔ)知識(shí)

這是來自 GitHub Trending 的熱門項(xiàng)目，目前已有超 2 萬 star。項(xiàng)目總結(jié)了技術(shù)面試需要掌握的基礎(chǔ)知識(shí)，包括：算法，操作系統(tǒng)，網(wǎng)絡(luò)，面向?qū)ο螅瑪?shù)據(jù)庫，Java，分布式，工具和編碼實(shí)踐等等。

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

12. 中國(guó)程序員容易發(fā)音錯(cuò)誤的單詞

中國(guó)程序員容易發(fā)音錯(cuò)誤的單詞，包括我們熟知的 Angular、AJAX、Git、hidden、Linux、module 和 width 等。一起來看看，或許會(huì)有新發(fā)現(xiàn)。

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

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

云服務(wù)器 GPU云服務(wù)器獨(dú)立開發(fā)變現(xiàn)周刊（第 17 期）：為了活獨(dú)立開發(fā)變現(xiàn)周刊（第25期）：免費(fèi)表單生獨(dú)立開發(fā)變現(xiàn)周刊（第 19 期）：基于G 獨(dú)立開發(fā)變現(xiàn)周刊（第27期）：15年獨(dú)立

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/94781.html