zzz 周刊 - 第 1012 期 - 鳳凰于飛

01-30

語言

ECMAScript 2017（ES8）特性概述

ECMAScript 2017 或 ES8 與 2017 年六月底由 TC39 正式發布，可以在這裡瀏覽完整的版本；而 ES8 中代表性的特徵包括了字元串填充、對象值遍歷、對象的屬性描述符獲取、函數參數列表與調用中的尾部逗號、非同步函數、共享內存與原子操作等

認識 V8 引擎

V8 是如何使得 JavaScript 性能有大幅提升的呢？在本文中，作者通過 4 部分的內容，帶大家初識 V8 引擎

工具

npx - execute npm package binaries

最新的 npm 5.2.0 內置了 npx，它可以直接運行本地項目模塊，甚至支持運行遠程倉庫的可執行文件，中文說明

nextein - A static site generator based in Next.js

一個基於 Next.js 的靜態站點生成器，另外，gatsby也剛剛發布了 1.0.0

icaro - Smart and efficient javascript object observer, ideal for batching DOM updates

icaro 是輕量、高效地 JavaScript 對象觀察者實現，能夠自動監測 JavaScript 中對象的變化並且進行相應地譬如 DOM 更新等操作

markvis - make visualization in markdown

在 markdown 裡面繪製可視化圖表的工具

pell - the simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies

一款無依賴的極簡版所見即所得文本編輯器

Bundle Buddy - A tool to identify bundle duplication across splits

這個工具可以幫你識別 JS 分割文件中的重複資源，減少打包體積

Babylon.js - a complete JavaScript framework for building 3D games with HTML 5 and WebGL

一款超級強大的基於 HTML5 和 WebGL 的 js 3D框架，最近發布了 3.0，看個 demo 感受下

文章

這些NPM Package有多大？

可以方便的查看比較一個 npm 包的大小

餓了么的 PWA 升級實踐

官方中文版的餓了么 PWA 實踐分享

antd表單性能的改進實踐

在使用基於react的antd構建後台系統的過程中遇到了明顯的性能問題，本文針對遇到的性能問題進行研究並給出解決方案

React性能優化 - 工具篇代碼篇

分別從工具和代碼的角度來優化 React 性能

基於 Webpack 3 的 React 工程項目腳手架

create-react-boilerplate 是筆者對於日常工作中的基於 React 技術棧與實踐的沉澱

開發安全的 API 所需要核對的清單

這裡是當你在設計, 測試以及發布你的 API 的時候所需要核對的重要安全措施

RxJS: 如何從頭開始創建 Observable

本文將由淺入深，一步一步地創建出更完善的 Observable 的簡易版實現

Git 配置最佳實踐

關於 Git 配置的最佳實踐

CSS進階：試試酷炫的 3D 視角

使用 CSS 實現的 3D 視角

可視化

D3 力導向圖和 WebGL 的整合使用

本文將嘗試用 D3 的力導向圖和 Three.js 和 PixiJS 結合

前端貝塞爾曲線相關知識

前端中的貝塞爾曲線相關知識的匯總和深入研究

設計

「大產品小細節」Hick『s Law 希克法則

產品設計中的希克法則

字型大小與行高

字型大小和行高背後的原理

資源

7月份前端資源分享

SF 7月份的前端文章大集合

SegmentFault 技術周刊 Vol.29 - 聽說前端又出新工具了？驚不驚喜？

前端工程化相關的文章集合

Real World React apps and their open source codebases for developers to learn from

這個倉庫收集了很多實際 React 應用和開源代碼庫供開發者學習

RxJS 福利~~

RxJS 中文資源集合

感謝王者農藥王昭君小姐姐友情贊助本期封面