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

_Zhao 發布于2019-08-02 10:15 / 3095人閱讀

摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發大型應用這是根據上發表的演講整理的文章，分享了作者在開發大型應用后的一些心得。詳情每周一同步更新到歡迎

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

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

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

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

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

摘要：發布一直是數據可視化的不錯選擇。本次發布的版本的更新包括使用代替回調函數，等高線圖和密度圖。詳情發布該版本更新包括模塊調整，模塊新增函數判斷終端是否支持顏色，棄用函數和等。 01. D3.js 5.0 發布 D3 一直是 JavaScript 數據可視化的不錯選擇。本次發布的 5.0 版本的更新包括：使用 Promise 代替回調函數，等高線圖和密度圖。詳情：https://gith...

mengera88 2019-08-30 14:20 評論0 收藏0
FCC 成都社區·前端周刊第 5 期

摘要：發布一直是數據可視化的不錯選擇。本次發布的版本的更新包括使用代替回調函數，等高線圖和密度圖。詳情發布該版本更新包括模塊調整，模塊新增函數判斷終端是否支持顏色，棄用函數和等。 01. D3.js 5.0 發布 D3 一直是 JavaScript 數據可視化的不錯選擇。本次發布的 5.0 版本的更新包括：使用 Promise 代替回調函數，等高線圖和密度圖。詳情：https://gith...

Jinkey 2019-08-22 15:56 評論0 收藏0
FCC 成都社區·前端周刊第 5 期

摘要：發布一直是數據可視化的不錯選擇。本次發布的版本的更新包括使用代替回調函數，等高線圖和密度圖。詳情發布該版本更新包括模塊調整，模塊新增函數判斷終端是否支持顏色，棄用函數和等。 01. D3.js 5.0 發布 D3 一直是 JavaScript 數據可視化的不錯選擇。本次發布的 5.0 版本的更新包括：使用 Promise 代替回調函數，等高線圖和密度圖。詳情：https://gith...

張金寶 2019-08-02 10:05 評論0 收藏0
FCC 成都社區·前端周刊第 9 期

摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發大型應用這是根據上發表的演講整理的文章，分享了作者在開發大型應用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續 HTTP/2 支持，ECMAScript...

kid143 2019-08-22 16:38 評論0 收藏0
FCC 成都社區·前端周刊第 9 期

摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發大型應用這是根據上發表的演講整理的文章，分享了作者在開發大型應用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續 HTTP/2 支持，ECMAScript...

KaltZK 2019-08-29 15:08 評論0 收藏0