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

    原文作者:FCC成都社區
    原文地址: https://segmentfault.com/a/1190000014749715
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞