1. Node.js 10 正式宣布
在過去的一周，Node.js 10.0.0 正式宣布，帶來大批革新和修復。這是自 Node.js Foundation 展開以來的第七個重要版本，並將在 2018 年 10 月成為下一個 LTS 分支。新版本自帶定製化的 Node-ChakraCore 引擎，其功用亮點包括：周全支撐 N-API,支撐 TTD 的生成器和異步函數,支撐 Inspector 協定等等。
概況：https://nodejs.org/en/blog/re…
2. npm 6 的更新
Node.js 10.0.0 附帶 npm 5.7.x， 然則，估計在 Node.js 10.x 性命周期的早期會更新為 npm 6。第 6 版將側重於機能、穩定性和安全性，與先前版本的 npm 比擬，機能進步 17 倍。今後，假如運用具有已知安全題目的代碼，npm Registry 的用戶會收到正告關照。npm 將自動搜檢針對 NSP 數據庫的裝置要求，並在代碼包括破綻時發出正告關照。
概況：https://blog.npmjs.org/post/1…
3. Gooact：用 160 行代碼完成一個“React”
本教程分為四部份，教你怎樣用 160 行代碼重新構建一個相似 React 的庫，包括完成組件 API 和假造 DOM。進修本教程須要具有基礎的 React 學問。
概況：https://medium.com/@sweetpalm…
4. Tone.js：建立交互式音樂
Tone.js 是在閱讀器中建立交互式音樂的框架。它供應高等調理功用、合成器結果, 以及在 Web 音頻 API 之上構建的直觀的音樂籠統。
5. 馬里奧卡丁車:純CSS打造的小遊戲
Stephen Cook 詮釋了他怎樣運用純 CSS 建立交互式馬里奧卡丁車遊戲。這個項目中，作者沒有運用一行 JS 代碼和一張圖片，100% 純 CSS 打造，个中 HTML 代碼也唯一 13 行。
概況：https://codeburst.io/mario-ka…
6. 用 video 替換 GIF 的計劃
GIF 動畫能夠會因為異常巨大形成頁面卡頓、機能下降等題目, 在本指南中，我們將看到怎樣經由過程用大多數閱讀器中可用的 MPEG-4 和 WebM 視頻源替代它們來停止這類膨脹。本指南運用 ffmpeg 東西，你能夠須要先裝置它。
概況：https://developers.google.com…
7. TUI Calendar：萬能的日曆控件
TUI Calendar 是高度可定製的萬能 JavaScript 日程安排日曆，支撐多種視圖範例（逐日，每周，每個月等），支撐使命和 milestone 的高效治理，支撐經由過程鼠標拖拽來調解日程安排，支撐按主題自定義用戶界面，支撐 Chrome、Safari 、Firefox、Edge 和 IE9+。
概況：https://github.com/nhnent/tui…
8. 運用數組舉行函數式編程
自創函數式編程中的技能，文章報告了怎樣運用 map，filter 和 reduce 操縱數組對象。因為這些要領不會轉變挪用數組自身，所以我們能夠有效地運用它們而不必憂鬱副作用。
概況：https://www.telerik.com/blogs…
9. Day.js：Moment.js 的輕量化計劃
Day.js 是一個輕量級（ 2kB ）的 JavaScript 時候日期處置懲罰庫，和 Moment.js 的 API 設想堅持完整一樣。假如你曾用過 Moment.js，那末你已曉得怎樣運用 Day.js。Day.js 並沒有轉變或掩蓋 Javascript 原生的 Date.prototype，而是製造了一個全新的包括 Javascript Date 對象 Dayjs 的對象。Dayjs 對象是不可變的，一切的 API 操縱都將返回一個新的 Dayjs 對象。
概況：https://github.com/xx45/dayjs
10. 原生般的頁面轉場動畫
為了協助用戶疾速網絡信息，取得更好的閱讀體驗，現在前端開闢中湧現了很多原生般的手藝實例。本篇文章議論了怎樣運用 Vue 和 Nuxt 構建一個原生般的網頁，全部頁面從一個規劃轉換到另一個規劃展現出美麗的流通膩滑動畫。
概況:https://css-tricks.com/native…
11. TypeORM: 用於 TS 和 JS 的ORM
TypeORM 是一種 ORM(Object Relational Mapping)，能夠在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native 和 Electron 平台上運轉，而且能夠與 TypeScript 和 JavaScript（ES5，ES6，ES7）一同運用。其目的是一直支撐最新的 JavaScript 功用以及供應附加功用，以協助您開闢任何運用數據庫的應用程序，不論是只要少數表格的小型應用程序，照樣具有多個數據庫的大型企業級應用程序。
12. 手寫 WebAssembly
WebAssembly(wasm) 是一個可移植、體積小、加載快而且兼容 Web 的全新花樣，其目的是充分發揮硬件才能以到達原生實行效力。WebAssembly 不僅能夠運轉在閱讀器上，也能夠運轉在非 web 環境下。本篇文章探究了怎樣運用 WebAssembly 來編寫典範的康威性命遊戲。
概況:http://blog.scottlogic.com/20…
每周一同步更新到
GitHub, 迎接 star :)
