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

1. Node.js 10 將帶來什麼?

Node.js 10 的第一個版本將於本周二(4 月 24 日)宣布,並將在 10 月份推出 LTS 版本,將帶來哪些更新? N-API,延續 HTTP/2 支撐,ECMAScript Modules(ESM),Async Hooks 等等。

概況:https://nodesource.com/blog/what-you-can-expect-from-node-js-10

2. webpack 4.6.0 宣布

webpack 4.6.0 宣布了對 Prefetch/Preload 的支撐。Preload 可以更早地發明資本以防止瀑布似的獵取,不會消費分外的帶寬。Prefetch 運用瀏覽器的餘暇時刻來獵取資本,可以須要分外的帶寬。

概況:https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c

3. 200 行 JavaScript 人臉辨認庫

picojs 是僅 200 行 JavaScript 代碼的人臉辨認庫,最小隻要 2KB。它可以及時檢測出圖象中的面部,一切處置懲罰都在客戶端完成。

概況:https://github.com/tehnokv/picojs

4.CSS Grid 規劃的最好實踐

什麼是 CSS Grid 規劃的最好實踐?除了採納範例中的規劃體式格局,還需斟酌 Grid 與其他規劃體式格局(比方 Flexbox)的連繫,構建體式格局,以及團隊的事情形式等。

概況:https://www.smashingmagazine.com/2018/04/best-practices-grid-layout/

5. Yarn 和 npm 大比拼

npm 是 Node.js 的默許包管理器,Yarn 是 Facebook 宣布的包管理器。這篇文章深切引見了這兩者軟件包管理器供應的內容,它們之間的區分以及它們怎樣演化。

概況:https://blog.risingstack.com/yarn-vs-npm-node-js-package-managers/

6. 開闢大型 JavaScript 運用

這是依據 JSConf Australia 上宣布的演講整頓的文章,分享了作者在開闢大型 JavaScript 運用后的一些心得。文中給出了全部演講的視頻鏈接。

概況:https://medium.com/@cramforce/designing-very-large-javascript-applications-6e013a3291a3

7. Houdini:CSS殺手級別的項目

Houdini 是一個巨大的項目,它本着可擴大 Web 宣言(Extensible Web Manifesto)的精力,讓開闢者直接可以接見瀏覽器的 CSS 引擎,這使得開闢者可以自定義本身的 CSS 功用,以便能在瀏覽器的當地襯着管道中高效運轉。相識更多請瀏覽原文。

概況:https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/

8. 9個竅門教你寫出更好的 React 代碼

怎樣在 React 中寫出更好的代碼,作者為我們供應了 9 個有效的 tips: 運用 propTypes 和 defaultProps,在適當的時刻運用 Component、PureComponent 和 Stateless Functional Component,怎樣運用 React Dev Tools,運用 Bit / StoryBook 進步事情效率等。

概況:https://blog.bitsrc.io/how-to-write-better-code-in-react-best-practices-b8ca87d462b0

9. 引見JavaScript行將推出的三種新功用

本文引見了 JavaScript 行將宣布的新功用,作者用實例展示了 JavaScript 在可選鏈式挪用(Optional Chaining)、Nullish coalescing 和 Pipeline operator 上的轉變。

概況:https://medium.freecodecamp.org/here-are-three-upcoming-changes-to-javascript-that-youll-love-387bce1bfb0b

10. 5分鐘教你學會Bulma

Bulma 是一個簡樸、易用的 CSS 框架,雖然許多開闢人員喜好用 Bootstrap,然則作者以為Bulma的設想更好,而且更輕量。在文章中,作者給出了一些步驟讓你疾速上手Bulma。

概況:https://medium.freecodecamp.org/learn-bulma-in-5-minutes-ec5188c53e83

11. 運用官方 Vue.js 測試東西與 Jest 編寫組件的單元測試

Vue.js 以其天真、高性能、易上手的特徵正逐漸被運用到更多的 Web 項目中,本系列文章順次引見了編寫首個簡樸的組件單元測試用例,測試遞歸襯着的 Vue.js 組件,測試組件的款式與構造,測試組件的狀況、盤算屬性與要領,測試屬性與自定義事宜,測試生命周期回調,測試 Vue.js Slots,應用模塊別號設置 Jest 等內容。

概況:https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing-Tools-and-Jest/

12. 2018 GraphQL 必知必會

大部分開闢者都相識怎樣構建 REST API,也感受過它的紅與黑;本文則是對 API 範疇的新星—GraphQL 舉行引見與議論。GraphQL 常常被稱作是面向前端的 API 手藝計劃,由於它許可前端開闢者以更簡樸天真的體式格局舉行數據要求。該特徵也恰是彌補了傳統 REST API 的一個不足:沒法為差別的客戶端返回定製化數據;而 GraphQL 的另一個上風在於,可以將底本須要向多接口提議的要求僅向單接口要求。

概況:https://medium.com/@weblab_tech/graphql-everything-you-need-to-know-58756ff253d8

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

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