zzz 周刊 - 1039 期 - 公孫離幻舞玲

要聞

  • Node v9.5.0 (Current) | Node.js

Node v9.5.0 發布

  • Announcing TypeScript 2.7 | TypeScript

TypeScript 2.7 發布,新增更嚴格的類屬性檢查、明確的分配斷言、更容易的 ECMAScript 模塊互操作性、獨特的符號類型和常量命名的屬性、在 --watch 模式的清潔輸出、美觀的 --pretty 輸出、智能的對象字面推斷等特性

  • 2017年,Mozilla為Web做了哪些事情?

2017 對於 Mozilla 來說是非常重要的一年。Mozilla發布了歷史上最快的 Firefox,重新構建了 DevTools 開發者工具,見證了四個主流瀏覽器對 WebAssembly 的支持,啟動了開源的虛擬現實和語音識別平台。

開源

  • ?? Parcel v1.5.0 released: Source Maps, WebAssembly, Rust, and more! ??

Parcel v1.5.0 是發布以來的重量級更新,其引入了 JavaScript Source Map,WebAssembly 支持,Rust 與 WebAssembly 轉換的支持,配置文件緩存失效,.env 文件等特性,並且進一步優化了小型項目的編譯效率

  • ??webpack 4 beta?—?try it today!?? – webpack – Medium

Webpack 4.0.0-beta.0 發布,Webpack 4 為我們帶來了如下特性:多場景下更好的性能提升,更好的默認配置,支持 package.json 中的 sideEffects 配置,更好的 JSON Tree Shaking 支持,更新到 UglifyJS2,更多的類型支持,WebAssembly 支持,取消 CommonsChunkPlugin 替換為默認優化配置

  • FullHuman/purgecss: Remove unused css

Purgecss 即可以幫助我們清除界面上的無用樣式,它能夠自動分析輸入的 HTML 文件與 CSS 樣式,並且進行選擇器匹配,最終移除無用的 CSS 代碼

  • developit/greenlet: ?? Move an async function into its own thread.

Move an async function into its own thread

文章

  • JavaScript非同步機制詳解 - 掘金

JavaScript如何處理非同步問題

  • 前端數據流哲學

深度分析目前前端三大主流數據管理庫,並引申出周邊一些值得學習的優秀庫

  • 編寫小而美函數的藝術

正確組織你的函數,讓它們小而簡練

  • JavaScript 是如何工作的:內存管理 + 如何處理四種常見的內存泄漏 - 掘金

JavaScript 是如何工作的:內存管理 + 如何處理四種常見的內存泄漏

  • 從0到1:構建強大且易用的規則引擎 -

本文介紹了美團團隊幾個工作中的規則使用場景,順帶引出了多個不同的解決方案,最後介紹了Maze框架的設計。

教程

  • 網路現狀:性能提升指南

作為技術人員,我們的責任是,不要讓用戶的注意力和時間放在等待頁面上。我們的目標是,建立有時間觀念和以人為本的工具。

  • 記Chrome的性能分析工具實踐 - 掘金

學會使用Chrome強大的性能分析工具快速準確定位問題

可視化

  • 你是我的眼——為圖表一鍵升級無障礙訪問,就在 ECharts 4.0

W3C 制定了無障礙富互聯網應用規範集(WAI-ARIA,the Accessible Rich Internet Applications Suite),致力於使得網頁內容和網頁應用能夠被更多殘障人士訪問。ECharts 率可視化之先,遵循這一規範,在 4.0 中支持無障礙訪問,儘可能讓所有人都能夠通過數據可視化了解真實、探索世界!

  • 使用 ECharts GL 實現三維可視化 - 入門款

ECharts GL (後面統一簡稱 GL)為 ECharts 補充了豐富的三維可視化組件,這篇文章我們會簡單介紹如何基於 GL 實現一些常見的三維可視化作品。

  • 39個大數據可視化工具 | 數據研究必備

數據可視化無處不在,而且比以前任何時候都重要。本文將推薦39個可用於處理大數據的可視化工具(排名不分先後)

設計

  • 無障礙設計

在這個多樣化的世界上,並不是所有人都能毫無障礙、順利地使用各種產品。優秀的無障礙設計,不僅能讓殘疾人用戶正常地與產品交互;還會為普通人提供更好的使用體驗。

  • 「技」??七步學會用 Sketch 的功能 Resizing 搭建複雜表格

七步學會用 Sketch 的功能 Resizing 搭建複雜表格

  • iOS 11 設計完全指南 - 小專欄

扁平化設計在過去 5 年中已經普及了,但在 iOS 7 之前並不常見,這種轉變形成了當前的設計趨勢。但扁平化設計並不是一成不變的,iOS 的設計已經適應了更大的屏幕。一開始扁平化設計還是擬物化設計的對立面,但現在卻變得更加細緻入微,走上了漸變、陰影和卡片式設計之路。

社區

  • Ranking Programming Languages by GitHub Users

github 代碼倉庫哪門語言熱度最高?

  • 從1.8萬篇文章中脫穎而出45個最棒的 React.js 學習指南(2018版)

從1.8萬篇文章中脫穎而出45個最棒的 React.js 學習指南

  • 從2.4萬篇文章中挑出的最棒的 JavaScript 學習指南(2018版)

從2.4萬篇文章中挑出的最棒的 JavaScript 學習指南

  • 從1.6萬篇文章中挑出的最棒的 Web 開發學習指南(2018版)

從1.6萬篇文章中挑出的最棒的 Web 開發學習指南

資源

  • project-guidelines/README-zh.md at master · wearehive/project-guidelines

JavaScript工程項目的一系列最佳實踐策略

  • 免費下載!《九年雙11:互聯網技術超級工程》,300頁乾貨精華

《九年雙11:互聯網技術超級工程》,300頁乾貨精華

其他

  • 高盛區塊鏈79頁完整報告:從理論到實踐!【中文版】 | 程序師

高盛區塊鏈79頁完整報告:從理論到實踐!【中文版】

  • 小明歷險記:規則引擎drools教程一 - 純潔的微笑博客

Drools 一個基於Charles Forgy』s的RETE演算法的,易於訪問企業策略、易於調整以及易於管理的開源業務規則引擎,符合業內標準,速度快、效率高。

推薦閱讀:

我的CSS學習之旅
2018-02-01第一節課
實現符合 Promise/A+ 規範的Promise
理解mobx
手把手教你用 SVG 符號和 CSS 變數做出彩色圖標

TAG:前端開發 | 設計 | 可視化 |