zzz 周刊 - 第 1022 期 - 尼爾

要聞

  • WordPress 決定停止使用 React,如何看待百度要求內部全面停止使用 React / React Native?

React 許可證風波繼續升級

  • 關於Facebook 的 React 專利許可證,給創始人和 CTO 們的 React 許可協議解惑

解讀 React 專利許可證

  • Angular 更新 4.4.3 ,Angular5 預計10月23日發布

Angular 的更新預告

  • Announcing CoffeeScript 2

CoffeeScript 居然還在更新

開源

  • legoflow/legoflow: 簡單、快捷、高效、開箱即用的 前端工作流客戶端

一款簡單、快捷、高效、開箱即用的 前端工作流客戶端,無需各種配置系統環境

  • raymestalez/nulis: Tree editor for writers

Nuils 是受到 Gingko 啟發,非常有意思的開源樹狀結構編輯器,其允許開發者將任何的想法表示為樹狀結構

  • hiproxy/hiproxy: ?? hiproxy is a lightweight proxy tool for Front-End developers based on Node.js that supports an NGINX-like configuration. ??

hiproxy 是一個基於 Node.js 開發的輕量級網路代理工具,主要目的是為了解決多個開發者在開發過程中遇到的 hosts 管理和反向代理的問題

  • freeCodeCamp/mail-for-good: An open source email campaign management tool for nonprofits

freeCodeCamp 開源的郵件活動管理工具

  • jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!

一款 Web 上的高性能現實增強框架

  • muicss/sentineljs: Detect new DOM nodes using CSS selectors (682 bytes)

SentinelJS 是一款輕量級的使用 CSS 選擇器檢測新 DOM 節點的 JS 庫

  • HVF/franchise: ?? a notebook sql client. what you get when have a lot of sequels.

Franchise 是一款輕量但強大的 SQL 可視化管理工具

  • charlestati/amplify: A tiny script allowing inline image zoom

一款很小的實現行內圖片縮放的工具

  • DXY-F2E/api-mocker: Api Mocker is more of an api management system than a mocker

介面管理系統 - API Mocker,不僅僅是Mocker,它致力於解決前後端開發協作過程中出現的各類問題,提高開發效率,對介面做統一管理,同時也能為後續的迭代維護提供更便捷的方式

文章

  • 跨頁面通信的各種姿勢

各種跨頁面通信方法的優劣和對比

  • 《美團旅行前端技術體系的思考與實踐》

美團旅行前端團隊對整個前端技術體系的思考與實踐

  • chokcoco/iCSS: 談談一些有趣的 CSS 話題

本系列圍繞 CSS 展開,談一些有趣的話題,內容天馬行空,想到什麼說什麼,不僅是為了拓寬解決問題的思路,更涉及一些容易忽視或是十分有趣的 CSS 細節

  • 去哪兒網迷你React的研發心得

司徒大大開發 anu 的背景和心得

  • 2017年前端領域有哪些探索和實踐?

2017年來自一線的前端新技術和新組織形態的探索實踐經驗

  • Node.js 非同步異聞錄

本文針對 Node.js 的非同步特性做了詳細的討論

  • 更快地構建 DOM: 使用預解析, async, defer 以及 preload

如何使用預解析, async, defer 以及 preload 更快地構建 DOM

  • notebook/README.md at master · zuopf769/notebook

本文講了BFC的概念是什麼; BFC的約束規則;咋樣才能觸發生成新的BFC;BFC在布局中的應用:防止margin重疊(塌陷,以最大的為準); 清除內部浮動;自適應兩(多)欄布局

  • TypeScript體系調研報告

一篇系統性介紹 TS 本身及周邊的文章

教程

  • 輕鬆把你的項目升級到PWA

如何快速把項目升級到 PWA

  • iPhone X的缺口和CSS_mobile

前端開發如何應對 iPhoneX 的劉海

  • 藉助CSS Shapes實現元素滾動自動環繞iPhone X的劉海

如何藉助 CSS Shapes 實現元素滾動自動環繞 iPhone X 的劉海

  • The Modern Javascript Tutorial

現代 JavaScript 開發指南

  • 在 Node.js 中使用原生的 ES 模塊

Node.js 從 8.5.0 開始原生支持 ES 模塊,本文就給大家詳細講講這個特性

  • 如何優雅的編寫JavaScript代碼

總結整理了一大套關於如何優雅的編寫 JavaScript 代碼的理論和實操

  • 淺談HTML5 Web Worker

HTML5 Web Worker 介紹和入門

可視化

  • 共享單車重新定義了「地鐵房」?

共享單車是如何影響地鐵房的

  • 【圖文】IBM I2詳細介紹PPT

IBM I2 是一款專門為調查、分析、辦案人員設計的可視化數據分析軟體

設計

  • ????兩分鐘了解全世界最快的 Sketch 插件:Runner

Runner 有著直觀的界面,能讓你更快更有效的使用 Sketch,給日常工作來個大提速

  • 大神的 LOGO 草圖是這樣畫的

大神的 logo 草圖

社區

  • W3C 發布 EME 標準,EFF 退出 W3C

好像只認得一個縮寫

資源

  • 【譯】2017 年 9 月:15 個有趣的 JS 和 CSS 庫

2017 年 9 月:15 個有趣的 JS 和 CSS 庫

  • 前端技能學習導航

前端相關資源整理集合

  • Meheal/github-awesome-front-end-projects: github值得收藏和關注的前端項目

github 上值得關注和收藏的前端開發項目

  • 給 Web 開發人員推薦的文檔生成工具

給 Web 開發人員推薦幾款優秀的開源文檔生成工具

面試

  • 最新前端面試題--by trigkit4

適用於中高級的前端面試題

  • Meheal/front-end-interview-questions: 史上最全最新前端開發面試題

另一套史上最全最新前端開發面試題

其他

  • 果殼中的宇宙-IPHONE X的FACE ID和TRUE DEPTH CAMERA分析-1

iPhone X 的 FACE ID 和 TRUE DEPTH CAMERA 分析

感謝2b小姐姐友情贊助本期封面,圖侵刪:)

推薦閱讀:

人均消費與城鎮人口比例
老樹微博,三千詩與畫
Quantmod Tutorial:圖形分析(三)
一場用R語言打造的商務圖表視覺盛宴~
Excel繪製多種風格「柱形圖」

TAG:前端开发 | 数据可视化 |