前端小報 - 201812 月刊

訂閱 / 投稿：github.com/txd-team/mo… 本期小編： Hkmu (扶容) / x-cold (尹摯)

新聞快報

• npm 發佈 2018 年的生態數據，預測 2019 年新趨勢

JavaScript 愈來愈受歡迎，而 npm 是 JavaScript 庫的管理中心，目前擁有超過 836,000 個庫，是世界上最大的開源庫集合。

回顧 2018 年，npm 正在被用在愈來愈多的場景下，包含瀏覽器，服務端，移動支持，IoT / 機器人等方面；另外能夠看到如今 Web 應用程序中大量依賴 npm，佔其代碼總量的 97%；npm 自己在 2018 年加入了 NSP 安全審計，更加註重包的安全管理（固然今年也發生了很多的 npm 包事件，參考工具推薦部分的「翻車現場」）。更多關於 npm 有趣的一些趨勢能夠瀏覽前端之巔翻譯的報告，英文好的同窗能夠參考原始報告。

• Rollup 發佈 v1.0 版本

從 Rollup 出現到如今已經接近 3 年半的時間，帶來了讓人眼前一亮的 Tree Shaking 等特性，前端應用的項目構建上咱們使用的頻率可能相對低一些，而在一些庫/框架的開發中常常會用到它，包括 React, Vue 也在使用。在 2018 年 12 月 28 日，Rollup 終於發佈了 1.0.0 版本，結束了 0.x.x 時代。固然，升級到最新版本的 Rollup 須要改動很多的配置，參見更新日誌。

• Babel 7.2.0 發佈，支持私有實例方法

關於私有做用域 (Private Fields) 的支持已經進入最新的提案中，Babel 的更新支持意味着咱們能夠在語言層面直接在咱們的類 (Class) 中定義私有的變量和方法了，能夠參考下面的示例：

class Person {
  #age = 19;

  #increaseAge() {
    this.#age++;
  }

  birthday() {
    this.#increaseAge();
    alert("Happy Birthday!");
  }
}
複製代碼

在這個提案以前，咱們也能夠經過下劃線命名，Symbol 命名，閉包和 ES6 Proxy 等方式來實現私有做用域，能夠參考這篇文章。關於 Babel 7.2.0 帶來的更多特性能夠讀一下官方的更新日誌。

• AI 也能幫你寫代碼 (TypeScript / JavaScript / Python / C++ / C#) 了！！！

微軟和 IntelliCode 團隊一塊兒推出 Visual Studio IntelliCode 擴展，預覽版能夠在 VSCode 插件市場直接查找「Visual Studio IntelliCode」安裝。在咱們編寫代碼的時候，插件會自動給出推薦的編碼補全，固然它不僅是個語法的提示工具，它的作法是根據編碼的上下文來提供智能的建議，趕忙安裝體驗吧~

• 2019 年十款流行的 Node.js 框架

文章介紹了框架帶來的收益以及如何選擇適合的框架，而且對比了 10 款目前流行的 Node.js 框架，包括老牌的 Express、Meteor，以及一些新興框架，例如 Adonis, Nest 等。感興趣的同窗能夠閱讀原文。

值得一提的是，在諸多框架橫空出世的黃金開發時代，框架之間更可能是特性的互補，因此並無必要去分出高下，更重要的是選擇跟業務成長相契合的框架。另外做者列舉的更多的是海外流行的框架，其實國產的 Egg, ThinkJS 也已經有很多的企業級實踐，感興趣的能夠到對應的 Github 倉庫繼續深刻了解。

• 阿里開源企業級設計系統最佳解決方案 Fusion

2018 年 12 月 16 號，Fusion Design 在 OSC 深圳源創會年終盛典上正式開源，它是阿里巴巴耗時近三年打造的企業中後臺解決方案，關於 Fusion 的詳細介紹能夠參考這裏。

• 微軟宣佈 Edge 將採用 Chromium 內核

這對於諸多的前端開發者而言，無疑是本年末最大的福音~！具體的計劃能夠參考官網的博客，在不久的未來，基於 Chromium 的 Edge 瀏覽器將要正式和咱們見面啦。

Github Trending

洞察 Github 近期 Hot Fresh Repository

• Magic-Grid

一款簡單易用，輕量級的動態佈局的 JavaScript 庫，與它的名字不一樣，Magic-Grid 不是 CSS Grid 庫，它支持彈性佈局/瀑布流等，還提供了一個支持 Vue 的版本。

• nodebestpractices

大型 Node.js 最佳實踐的精品總結和分享，裏面包含了豐富的使用場景及最佳實踐（附帶解釋），閱讀這本大型書籍也能收穫很多關於 Node.js 的知識。

• sharp

高性能的 Node.js 圖像處理模塊，圖像處理又多一種新的選擇。

• bloomrpc

不容錯過的 GPRC 服務可視化客戶端，能夠理解爲 HTTP 之 Postman, GraphQL 之 Playground，GRPC 之 BllomRPC。

• devhub

Github 社交聚合平臺，我的認爲更像是我的工做臺，支持 Web, iOS, Android, Desktop 多平臺，若是你是 Github 用戶，這裏可能提供了你想要的一切。

• rrweb

rrweb 是 'record and replay the web' 的簡寫，旨在利用現代瀏覽器所提供的強大 API 錄製並回聽任意 Web 界面中的用戶操做。

• notable

一款基於 Markdown 的筆記應用程序，支持無限文件夾 / 標籤管理，喜歡純粹的 Markdown 編輯體驗的同窗能夠嘗試使用一下，README 文件中有和其餘競品對比的報告。

精品學習

• 前端該知道些密碼學和安全上的事兒

在這個常常翻車的年代，網絡安全逐漸受到重視。在前端這個開放的世界中，開發人員更應該對安全有所瞭解，並在本身的應用程序中部署適當的安全工具和策略，保護用戶隱私以及系統的安全運行。文章閱讀時間約 15 分鐘。

• Why review code

如何保證代碼的交付質量？結對編程是否有科學依據？實際上，Code Review 不管是在軟件工程體系，亦或是開源社區的運行秩序中，都是很是重要的環節。正確的 Code Review 姿式不只能提升代碼質量，下降故障發生的風險，還能給團隊開發帶來效能的提高。若是你的團隊尚未 Review 代碼的習慣，不妨來看下燕燕翻譯的這篇博客。文章閱讀時間約 10 分鐘。

工具推薦

• quicklink

還記得曾今的 WAP 時代嗎？當咱們在瀏覽網頁的時候，常常能看到一個綠色的下一頁按鈕，點擊以後能夠「幾乎無刷新」的跳轉到新的頁面中，它實際上是一種預加載的策略。如今 quicklink 也能夠給普通的 Web 應用程序提供相似的能力，使用它咱們可讓瀏覽器在空閒的時間預先將用戶即將訪問的頁面預先緩存，從而極大地提升了切換頁面的速度。

• ncc

能夠將 Node.js 模塊打包成單個文件的神奇工具，讓你的模塊最小化。這種打包的方式很是適合一些須要更「純粹」的交付場景，好比 serverless，經過 ncc 咱們能夠很輕鬆地把應用程序及依賴轉換成單個文件進行交付。

• npq

最近半年發生的 npm 事故稍微有些頻繁，所以經過 npm 安裝一個靠譜的 package 和 version 很是重要。npq 會在安裝以前進行前置的檢查，其中包括了安全掃描、包的發佈時間、熱度、安裝腳本分析等。另外帶你們回顧一下今年的大型翻車現場：

debug：visionmedia/debug#603
React：facebook/react#14208
event-stream：zhuanlan.zhihu.com/p/50938220