摘要：也能幫你寫代碼了微軟和團(tuán)隊(duì)一起推出擴(kuò)展，預(yù)覽版可以在插件市場(chǎng)直接查找安裝。微軟宣布將采用內(nèi)核這對(duì)于諸多的前端開發(fā)者而言，無(wú)疑是本年底最大的福音具體的計(jì)劃可以參考官網(wǎng)的博客，在不久的將來(lái)，基于的瀏覽器將要正式和我們見面啦。

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

npm 發(fā)布 2018 年的生態(tài)數(shù)據(jù)，預(yù)測(cè) 2019 年新趨勢(shì)

JavaScript 越來(lái)越受歡迎，而 npm 是 JavaScript 庫(kù)的管理中心，目前擁有超過(guò) 836,000 個(gè)庫(kù)，是世界上最大的開源庫(kù)集合。

回顧 2018 年，npm 正在被用在越來(lái)越多的場(chǎng)景下，包含瀏覽器，服務(wù)端，移動(dòng)支持，IoT / 機(jī)器人等方面；另外可以看到現(xiàn)在 Web 應(yīng)用程序中大量依賴 npm，占其代碼總量的 97%；npm 本身在 2018 年加入了?NSP?安全審計(jì)，更加注重包的安全管理（當(dāng)然今年也發(fā)生了不少的 npm 包事件，參考工具推薦部分的“翻車現(xiàn)場(chǎng)”）。更多關(guān)于 npm 有趣的一些趨勢(shì)可以瀏覽前端之巔翻譯的報(bào)告，英文好的同學(xué)可以參考原始報(bào)告。

Rollup 發(fā)布 v1.0 版本

從 Rollup 出現(xiàn)到現(xiàn)在已經(jīng)接近 3 年半的時(shí)間，帶來(lái)了讓人眼前一亮的 Tree Shaking 等特性，前端應(yīng)用的項(xiàng)目構(gòu)建上我們使用的頻率可能相對(duì)低一些，而在一些庫(kù)/框架的開發(fā)中經(jīng)常會(huì)用到它，包括 React, Vue 也在使用。在 2018 年 12 月 28 日，Rollup 終于發(fā)布了 1.0.0 版本，結(jié)束了 0.x.x 時(shí)代。當(dāng)然，升級(jí)到最新版本的 Rollup 需要改動(dòng)不少的配置，參見更新日志。

Babel 7.2.0 發(fā)布，支持私有實(shí)例方法

關(guān)于私有作用域?(Private Fields) 的支持已經(jīng)進(jìn)入最新的提案中，Babel 的更新支持意味著我們可以在語(yǔ)言層面直接在我們的類 (Class) 中定義私有的變量和方法了，可以參考下面的示例：

class Person {
  #age = 19;

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

  birthday() {
    this.#increaseAge();
    alert("Happy Birthday!");
  }
}

在這個(gè)提案之前，我們也可以通過(guò)下劃線命名，Symbol 命名，閉包和 ES6 Proxy 等方式來(lái)實(shí)現(xiàn)私有作用域，可以參考這篇文章。關(guān)于 Babel 7.2.0 帶來(lái)的更多特性可以讀一下官方的更新日志。

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

微軟和?IntelliCode 團(tuán)隊(duì)一起推出?Visual Studio IntelliCode?擴(kuò)展，預(yù)覽版可以在 VSCode 插件市場(chǎng)直接查找「Visual Studio IntelliCode」安裝。在我們編寫代碼的時(shí)候，插件會(huì)自動(dòng)給出推薦的編碼補(bǔ)全，當(dāng)然它不只是個(gè)語(yǔ)法的提示工具，它的做法是根據(jù)編碼的上下文來(lái)提供智能的建議，趕緊安裝體驗(yàn)吧~

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

文章介紹了框架帶來(lái)的收益以及如何選擇適合的框架，并且對(duì)比了 10 款目前流行的 Node.js 框架，包括老牌的 Express、Meteor，以及一些新興框架，例如 Adonis, Nest 等。感興趣的同學(xué)可以閱讀原文。

值得一提的是，在諸多框架橫空出世的黃金開發(fā)時(shí)代，框架之間更多是特性的互補(bǔ)，所以并沒有必要去分出高下，更重要的是選擇跟業(yè)務(wù)成長(zhǎng)相契合的框架。另外作者列舉的更多的是海外流行的框架，其實(shí)國(guó)產(chǎn)的 Egg, ThinkJS 也已經(jīng)有不少的企業(yè)級(jí)實(shí)踐，感興趣的可以到對(duì)應(yīng)的 Github 倉(cāng)庫(kù)繼續(xù)深入了解。

阿里開源企業(yè)級(jí)設(shè)計(jì)系統(tǒng)最佳解決方案?Fusion

2018 年 12 月 16 號(hào)，F(xiàn)usion Design?在 OSC 深圳源創(chuàng)會(huì)年終盛典上正式開源，它是阿里巴巴耗時(shí)近三年打造的企業(yè)中后臺(tái)解決方案，關(guān)于 Fusion 的詳細(xì)介紹可以參考這里。

微軟宣布 Edge 將采用 Chromium 內(nèi)核

這對(duì)于諸多的前端開發(fā)者而言，無(wú)疑是本年底最大的福音~！具體的計(jì)劃可以參考官網(wǎng)的博客，在不久的將來(lái)，基于?Chromium 的 Edge 瀏覽器將要正式和我們見面啦。

洞察 Github 近期 Hot Fresh Repository

Magic-Grid

一款簡(jiǎn)單易用，輕量級(jí)的動(dòng)態(tài)布局的 JavaScript 庫(kù)，與它的名字不同，Magic-Grid 不是 CSS Grid 庫(kù)，它支持彈性布局/瀑布流等，還提供了一個(gè)支持 Vue 的版本。

nodebestpractices

大型 Node.js 最佳實(shí)踐的精品總結(jié)和分享，里面包含了豐富的使用場(chǎng)景及最佳實(shí)踐（附帶解釋），閱讀這本大型書籍也能收獲不少關(guān)于 Node.js 的知識(shí)。

sharp

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

bloomrpc

不容錯(cuò)過(guò)的 GPRC 服務(wù)可視化客戶端，可以理解為 HTTP 之?Postman, GraphQL 之 Playground，GRPC 之 BllomRPC。

devhub

Github 社交聚合平臺(tái)，個(gè)人認(rèn)為更像是個(gè)人工作臺(tái)，支持 Web, iOS, Android, Desktop 多平臺(tái)，如果你是 Github 用戶，這里可能提供了你想要的一切。

rrweb

rrweb 是 "record and replay the web" 的簡(jiǎn)寫，旨在利用現(xiàn)代瀏覽器所提供的強(qiáng)大 API 錄制并回放任意 Web 界面中的用戶操作。

notable

一款基于 Markdown 的筆記應(yīng)用程序，支持無(wú)限文件夾 / 標(biāo)簽管理，喜歡純粹的 Markdown 編輯體驗(yàn)的同學(xué)可以嘗試使用一下，README 文件中有和其他競(jìng)品對(duì)比的報(bào)告。

前端該知道些密碼學(xué)和安全上的事兒

在這個(gè)經(jīng)常翻車的年代，網(wǎng)絡(luò)安全逐漸受到重視。在前端這個(gè)開放的世界中，開發(fā)人員更應(yīng)該對(duì)安全有所了解，并在自己的應(yīng)用程序中部署適當(dāng)?shù)陌踩ぞ吆筒呗?，保護(hù)用戶隱私以及系統(tǒng)的安全運(yùn)行。文章閱讀時(shí)間約 15 分鐘。

Why review code

如何保證代碼的交付質(zhì)量？結(jié)對(duì)編程是否有科學(xué)依據(jù)？實(shí)際上，Code Review 無(wú)論是在軟件工程體系，亦或是開源社區(qū)的運(yùn)行秩序中，都是非常重要的環(huán)節(jié)。正確的 Code Review 姿勢(shì)不僅能提高代碼質(zhì)量，降低故障發(fā)生的風(fēng)險(xiǎn)，還能給團(tuán)隊(duì)開發(fā)帶來(lái)效能的提升。如果你的團(tuán)隊(duì)還沒有 Review 代碼的習(xí)慣，不妨來(lái)看下燕燕翻譯的這篇博客。文章閱讀時(shí)間約 10 分鐘。

quicklink

還記得曾今的 WAP 時(shí)代嗎？當(dāng)我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候，經(jīng)常能看到一個(gè)綠色的下一頁(yè)按鈕，點(diǎn)擊之后可以“幾乎無(wú)刷新”的跳轉(zhuǎn)到新的頁(yè)面中，它其實(shí)是一種預(yù)加載的策略?，F(xiàn)在?quicklink 也可以給普通的 Web 應(yīng)用程序提供類似的能力，使用它我們可以讓瀏覽器在空閑的時(shí)間預(yù)先將用戶即將訪問(wèn)的頁(yè)面預(yù)先緩存，從而極大地提高了切換頁(yè)面的速度。

ncc

可以將 Node.js 模塊打包成單個(gè)文件的神奇工具，讓你的模塊最小化。這種打包的方式非常適合一些需要更“純粹”的交付場(chǎng)景，比如 serverless，通過(guò) ncc 我們可以很輕松地把應(yīng)用程序及依賴轉(zhuǎn)換成單個(gè)文件進(jìn)行交付。

npq

最近半年發(fā)生的 npm 事故稍微有些頻繁，因此通過(guò) npm 安裝一個(gè)靠譜的 package 和 version 非常重要。npq 會(huì)在安裝之前進(jìn)行前置的檢查，其中包括了安全掃描、包的發(fā)布時(shí)間、熱度、安裝腳本分析等。另外帶大家回顧一下今年的大型翻車現(xiàn)場(chǎng)：

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