首發 楓上霧棋的日誌

前端動態

1、微前端的核心價值

本文來自對阿里雲微前端線下沙龍的整理，觀點是 微前端的核心價值在於 "技術棧無關"，這才是它誕生的理由，或者説這才是能説服大家採用微前端方案的理由。

2、React Hooks 你真的用對了嗎

從 React Hooks 正式發佈到現在，作者一直在項目使用它。但是，在使用 Hooks 的過程中，作者也進入了一些誤區，導致寫出來的代碼隱藏 bug 並且難以維護。本文作者具體分析了這些問題，並總結一些好的實踐。

3、正交的 React 組件

如果 A 和 B 是正交的，則更改 A 不會影響到 B，這就是正交的概念。React 的組件設計遵從 正交原則，可以更容易對組件進行更改，增強組件的可讀性和更容易對組件進行測試。

4、JavaScript Promises: 9 個問題

通過 9 個問題來測驗對 Promises 的掌握程度。

5、JavaScript 是如何運行的

本文帶領大家理解 JavaScript 的執行原理，明白為什麼説 JavaScript 是一門解釋型的動態語言。

6、不容錯過的 Babel7 知識

本文的目的是搞明白 Babel 的使用和配置，搞清楚 @babel/runtime，@babel/polyfill，@babel/plugin-transform-runtime 這些作用是什麼，插件和預設都是用來幹什麼的，我們為什麼需要配置它們。

7、輕鬆理解 webpack 熱更新原理

HMR 作為一個 Webpack 內置的功能，可以通過 HotModuleReplacementPlugin 或 --hot 開啓。那麼，HMR 到底是怎麼實現熱更新的呢？

8、漫畫：三種 “奇葩” 的排序算法

在算法的世界裏，有許多高效率的排序算法，比如快速排序、歸併排序、桶排序......它們大大提高了程序的性能。但是，也有一些比較奇葩的排序算法，它們既不能做到高效率，也沒有很好的可讀性。那它們存在的意義是什麼呢？因為有趣呀。本文就介紹了三種“異想天開”的排序算法。

明星項目

1、o2sh/onefetch

Onefetch 是一個命令行工具，可在終端友好顯示 Git 倉庫的信息，支持近 50 種不同的編程語言。

2、4lejandrito/creepyface

creepyface 是一個 JavaScript 庫，實現的效果是可以讓圖片中的面孔隨着鼠標而移動。

3、doczjs/docz

docz 基於 Gatsby 和 MDX 實現，讓用户書寫文檔變得從未有過的簡單。

4、xindoo/eng-practices-cn

谷歌工程實踐文檔。

本週熱點

1、別讓自己“牆”了自己

本文是一篇帶説教的文章，作者認為 限制自己的往往不是他人，也不是環境，而是自己，希望別自己牆了自己，勇於去摸高。引用莊子的話説就是：井蛙不可以語於海者，拘於虛也；夏蟲不可以語於冰者，篤於時也；曲士不可以語於道者，束於教也。

2、丁磊向左，劉強東向右

2019 年是互聯網大佬人設開始崩塌的一年。那些通過自己的拼搏，在時代潮流中抓住風口，贏得關注和尊重的企業家，他們身上的光環正在逐漸褪去。對於企業而言，大佬還是熟悉的大佬，員工卻可能不再是熟悉的員工。丁磊式向左，劉強東式向右，都是在創造商業價值。但無論何時，對員工的尊重和關懷，永遠都不該被忽略。

最後一提

1、所有可以用 JavaScript 編寫的程序，最終都會出現 JavaScript 的版本。

-- Atwood 定律