FCC 成都社區(qū)·前端周刊第 10 期

li21 發(fā)布于2019-08-26 11:51 / 3032人閱讀

摘要：正式發(fā)布在過去的一周，正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自開展以來的第七個主要版本，并將在年月成為下一個分支。以后，如果使用具有已知安全問題的代碼，的用戶會收到警告通知。將自動檢查針對數(shù)據(jù)庫的安裝請求，并在代碼包含漏洞時發(fā)出警告通知。

1. Node.js 10 正式發(fā)布

在過去的一周，Node.js 10.0.0 正式發(fā)布，帶來大量改進(jìn)和修復(fù)。這是自 Node.js Foundation 開展以來的第七個主要版本，并將在 2018 年 10 月成為下一個 LTS 分支。新版本自帶定制化的 Node-ChakraCore 引擎，其功能亮點(diǎn)包括：全面支持 N-API,支持 TTD 的生成器和異步函數(shù),支持 Inspector 協(xié)議等等。

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

2. npm 6 的更新

Node.js 10.0.0 附帶 npm 5.7.x，但是，預(yù)計在 Node.js 10.x 生命周期的早期會更新為 npm 6。第 6 版將側(cè)重于性能、穩(wěn)定性和安全性，與先前版本的 npm 相比，性能提高 17 倍。以后，如果使用具有已知安全問題的代碼，npm Registry 的用戶會收到警告通知。npm 將自動檢查針對 NSP 數(shù)據(jù)庫的安裝請求，并在代碼包含漏洞時發(fā)出警告通知。

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

3. Gooact：用 160 行代碼實現(xiàn)一個“React”

本教程分為四部分，教你如何用 160 行代碼從頭構(gòu)建一個類似 React 的庫，包括實現(xiàn)組件 API 和虛擬 DOM。學(xué)習(xí)本教程需要具備基本的 React 知識。

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

4. Tone.js：創(chuàng)建交互式音樂

Tone.js 是在瀏覽器中創(chuàng)建交互式音樂的框架。它提供高級調(diào)度功能、合成器效果, 以及在 Web 音頻 API 之上構(gòu)建的直觀的音樂抽象。

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

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

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

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

6. 用 video 替代 GIF 的方案

GIF 動畫可能會由于非常龐大造成頁面卡頓、性能下降等問題, 在本指南中，我們將看到如何通過用大多數(shù)瀏覽器中可用的 MPEG-4 和 WebM 視頻源代替它們來遏制這種膨脹。本指南使用 ffmpeg 工具，你可能需要先安裝它。

詳情：https://developers.google.com...

7. TUI Calendar：全能的日歷控件

TUI Calendar 是高度可定制的全能 JavaScript 日程安排日歷，支持多種視圖類型（每日，每周，每月等），支持任務(wù)和 milestone 的高效管理，支持通過鼠標(biāo)拖拽來調(diào)整日程安排，支持按主題自定義用戶界面，支持 Chrome、Safari 、Firefox、Edge 和 IE9+。

詳情：https://github.com/nhnent/tui...

8. 使用數(shù)組進(jìn)行函數(shù)式編程

借鑒函數(shù)式編程中的技巧，文章講述了如何使用 map，filter 和 reduce 操作數(shù)組對象。由于這些方法不會改變調(diào)用數(shù)組本身，所以我們可以有效地使用它們而不用擔(dān)心副作用。

詳情：https://www.telerik.com/blogs...

9. Day.js：Moment.js 的輕量化方案

Day.js 是一個輕量級（ 2kB ）的 JavaScript 時間日期處理庫，和 Moment.js 的 API 設(shè)計保持完全一樣。如果你曾經(jīng)用過 Moment.js，那么你已經(jīng)知道如何使用 Day.js。Day.js 并沒有改變或覆蓋 Javascript 原生的 Date.prototype，而是創(chuàng)造了一個全新的包含 Javascript Date 對象 Dayjs 的對象。Dayjs 對象是不可變的，所有的 API 操作都將返回一個新的 Dayjs 對象。

詳情：https://github.com/xx45/dayjs

10. 原生般的頁面轉(zhuǎn)場動畫

為了幫助用戶快速收集信息，獲得更好的瀏覽體驗，目前前端開發(fā)中出現(xiàn)了許多原生般的技術(shù)實例。本篇文章討論了如何使用 Vue 和 Nuxt 構(gòu)建一個原生般的網(wǎng)頁，整個頁面從一個布局轉(zhuǎn)換到另一個布局展現(xiàn)出漂亮的流暢平滑動畫。

詳情:https://css-tricks.com/native...

11. TypeORM: 用于 TS 和 JS 的ORM

TypeORM 是一種 ORM(Object Relational Mapping)，可以在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native 和 Electron 平臺上運(yùn)行，并且可以與 TypeScript 和 JavaScript（ES5，ES6，ES7）一起使用。其目標(biāo)是始終支持最新的 JavaScript 功能以及提供附加功能，以幫助您開發(fā)任何使用數(shù)據(jù)庫的應(yīng)用程序，不論是只有少數(shù)表格的小型應(yīng)用程序，還是具有多個數(shù)據(jù)庫的大型企業(yè)級應(yīng)用程序。

詳情：http://typeorm.io/

12. 手寫 WebAssembly

WebAssembly(wasm) 是一個可移植、體積小、加載快并且兼容 Web 的全新格式，其目標(biāo)是充分發(fā)揮硬件能力以達(dá)到原生執(zhí)行效率。WebAssembly 不僅可以運(yùn)行在瀏覽器上，也可以運(yùn)行在非 web 環(huán)境下。本篇文章探索了如何使用 WebAssembly 來編寫經(jīng)典的康威生命游戲。

詳情:http://blog.scottlogic.com/20...

每周一同步更新到 GitHub,  歡迎 star :)

云服務(wù)器 GPU云服務(wù)器獨(dú)立開發(fā)變現(xiàn)周刊（第 17 期）：為了活獨(dú)立開發(fā)變現(xiàn)周刊（第25期）：免費(fèi)表單生獨(dú)立開發(fā)變現(xiàn)周刊（第 19 期）：基于G 獨(dú)立開發(fā)變現(xiàn)周刊（第27期）：15年獨(dú)立

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107703.html