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

zhangqh 發(fā)布于2019-08-02 10:19 / 1565人閱讀

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

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

在過(guò)去的一周，Node.js 10.0.0 正式發(fā)布，帶來(lái)大量改進(jìn)和修復(fù)。這是自 Node.js Foundation 開(kāi)展以來(lái)的第七個(gè)主要版本，并將在 2018 年 10 月成為下一個(gè) 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ù)計(jì)在 Node.js 10.x 生命周期的早期會(huì)更新為 npm 6。第 6 版將側(cè)重于性能、穩(wěn)定性和安全性，與先前版本的 npm 相比，性能提高 17 倍。以后，如果使用具有已知安全問(wèn)題的代碼，npm Registry 的用戶(hù)會(huì)收到警告通知。npm 將自動(dòng)檢查針對(duì) NSP 數(shù)據(jù)庫(kù)的安裝請(qǐng)求，并在代碼包含漏洞時(shí)發(fā)出警告通知。

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

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

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

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

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

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

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

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

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

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

6. 用 video 替代 GIF 的方案

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

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

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

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

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

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

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

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

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

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

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

10. 原生般的頁(yè)面轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

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

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

11. TypeORM: 用于 TS 和 JS 的ORM

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

詳情：http://typeorm.io/

12. 手寫(xiě) WebAssembly

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

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

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

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

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

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