FCC 成都社區·前端週刊第 10 期

時間 2019-12-08

標籤 fcc 社區前端週刊简体版

原文原文鏈接

1. Node.js 10 正式發佈

在過去的一週，Node.js 10.0.0 正式發佈，帶來大量改進和修復。這是自 Node.js Foundation 開展以來的第七個主要版本，並將在 2018 年 10 月成爲下一個 LTS 分支。新版本自帶定製化的 Node-ChakraCore 引擎，其功能亮點包括：全面支持 N-API,支持 TTD 的生成器和異步函數,支持 Inspector 協議等等。javascript

詳情：https://nodejs.org/en/blog/re...css

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 數據庫的安裝請求，並在代碼包含漏洞時發出警告通知。html

詳情：https://blog.npmjs.org/post/1...前端

3. Gooact：用 160 行代碼實現一個「React」

本教程分爲四部分，教你如何用 160 行代碼從頭構建一個相似 React 的庫，包括實現組件 API 和虛擬 DOM。學習本教程須要具有基本的 React 知識。java

詳情：https://medium.com/@sweetpalm...node

4. Tone.js：建立交互式音樂

Tone.js 是在瀏覽器中建立交互式音樂的框架。它提供高級調度功能、合成器效果, 以及在 Web 音頻 API 之上構建的直觀的音樂抽象。react

詳情：https://tonejs.github.iogit

5. 馬里奧卡丁車:純CSS打造的小遊戲

Stephen Cook 解釋了他如何使用純 CSS 建立交互式馬里奧卡丁車遊戲。這個項目中，做者沒有使用一行 JS 代碼和一張圖片，100% 純 CSS 打造，其中 HTML 代碼也僅有 13 行。github

詳情：https://codeburst.io/mario-ka...web

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 功能以及提供附加功能，以幫助您開發任何使用數據庫的應用程序，不管是隻有少數表格的小型應用程序，仍是具備多個數據庫的大型企業級應用程序。

詳情：http://typeorm.io/