雞年大吉！繼續前行的前端周刊（第十五期）

前端周刊是一份專為前端從業人員，以及對前端、設計領域感興趣的朋友們打造的技術周刊。程小獅會精選出前端、設計領域近期相關的資訊、熱點以及技術干貨，與大家一同分享。

前端周刊 第十五期

前端周刊專注于前端領域技術分享。希望這份周刊能夠成為你成長的得力助手與伙伴。

猴哥瀟灑地走了，迎來了帥氣的雞哥。

作者：@阿駘

年已過，收起心，擼起袖子，加油干。相信，雞年依然是一個不平凡的奮斗年。程序員們，甘巴蒂！

2017 年《前端周刊》第二期正式為大家奉上。

前端技術集——前端干貨聚集地

HTML

1. ELF - 靈活可擴展的 HTML5 構建工具

地址： http://t.cn/RMdLZ84

作者：Avin

詳細的了解 HTML5 構建工具：ELF .

2. 視頻 H5のVideo 標簽在微信里的坑和技巧

地址： http://t.cn/RMCiZU8

作者：Avin

以視頻為主的移動端 HTML5 實踐經驗分享。

CSS

1. CSS 書寫模式 ——24ways

地址： http://t.cn/RMro46b

譯者：哈呼哈哈呼

了解 CSS 的書寫模式規范，以及平面設計的書寫模式等內容。

2. 讓 CSS 更完美：PostCSS-modules

地址： http://t.cn/RMTtrhk

譯者：GeoffZhu

本文作者將帶你了解 PostCSS 和 PostCSS-modules 如何使用，并且如何在服務端使用它們。

3. 精選！CSS 動畫之工具、框架和教程

地址： http://t.cn/RMmx1Gx

譯者：IT程序獅

一篇專注于 CSS 動畫的工具、框架以及學習教程的文章。希望能幫你更好的學習 CSS 動畫，并節約你搜索資料的時間。

4. 擁抱未來的 CSS 布局方式：Flex 與 Grid 布局

地址： http://t.cn/Rxu1MkW

作者：xingbofeng

一篇針對 CSS3 標準里的 Flex 布局，以及 CSS4 草案中的 Grid 布局方式的一些總結。

JavaScript

1. JavaScript This 的六道坎

地址： http://t.cn/RxTmdSv

作者：盒裝檸檬水

鑒于 this 風騷的運作方式，對 JavaScript this 的理解是永不過時的話題，本文試圖通過將其大卸六塊來釘住這個磨人的妖精。

2. JavaScript 技術面試時要小心的三個問題

地址： http://t.cn/RxTuBzu

譯者：Rockjins Blog

作者將站在面試官的角度與大家分享 JavaScript 技術面試中，你需要注意的問題。同時，可以了解你對 JavaScript 和 DOM 的了解程度。

3. JavaScript 很少為人所知的玩法

地址： http://t.cn/RxmEFlk

作者：Zelin

一些 JavaScript 很少為人所知的玩法，與你分享。

4. 十個由淺入深的 Angular.js 面試問題

地址： http://t.cn/R5TFgtb

作者：靜逸秋水

一些關于 Angular.js 面試的問題，它們覆蓋了 Angular 開發的各個方面。有基礎的知識點，也有在開發過程中遇見的問題，同時也有較為開放性的問題來辨別面試者的基礎水準和項目經驗。

5. Node.js 異步最佳實踐 & 避免回調地獄

地址： http://t.cn/Rx8mJig

譯者：邊城

本文涵蓋了處理 Node.js 異步操作的一些工具和技術：async.js、Promise、generator 和異步函數。閱讀這篇文章之后，你會知道如何避免臭名昭著的回調地獄！

其他推薦

1. 四種方式實現輪播圖

地址： http://t.cn/RxmbbN7

作者：范小飯_

利用不同的工具來實現輪播圖的幾種方式。

2. Webpack 2 快速入門

地址： http://t.cn/RxZPyuf

作者：dwqs

帶你了解如何配置 Webpack 2 以及其在項目中如何應用。

3. 一個 React+Redux 工程實例

地址： http://t.cn/RxPj65L

作者：LucasHC

通過實例貫穿 React+Redux 的基本思想。

4. 詳解 Vue & Vuex 實踐

地址： http://t.cn/RxkjAcN

譯者：王下邀月熊

Vuex 的基礎與實踐。

5. 微信小程序開源項目庫匯總

地址： http://t.cn/RM6CsaM

作者：opendigg

Awesome 開源微信小程序匯總，收藏吧。

前端新手家園——前端新人好幫手

1. 深入淺出 Node.js 讀書筆記

地址： http://t.cn/RAaLSZW

作者：Tw93

在本文中，作者分享了第二次閱讀《深入淺出 Node.js》的一些學習記錄，并且通過百度腦圖繪制了相應的知識點與大家分享。

2. JavaScript 全棧教程

地址： http://t.cn/RxpeQ9f

作者：Node 情懷者

基于阮一峰的 JavaScript 全棧免費視頻版教程。

3. 研發團隊 Git 開發流程新人學習指南

地址： http://t.cn/RxKq8fW

作者：管宜堯

本文定位于為使用 GIT 標準分支開發流程的開發團隊提供一份新手參考指南。涉及一些開發流程標準以及實踐。

4. Webpack 優秀中文文章合輯

地址： http://t.cn/RMmfRsf

作者：Jingsi Liao

優秀的 Webpack 中文文章搜羅。

前端猿與射雞尸——設計的那些事

1. 扁平化設計最佳實踐

地址： http://t.cn/Rxe5zJh

譯者：IT程序獅

了解你能夠通過扁平化設計為用戶做些什么，以及扁平化設計 2.0的由來。

2. 引導設計的最佳實踐

地址： http://t.cn/Rx2wFKL

譯者：jamie7325

通過五部分內容，深入了解引導設計。

3. 干貨！我開發 Android 是如何界面設計的

地址： http://t.cn/RxFmwc5

作者：Werb

一些開發、設計類網站收集。

程序人生——程序員的成長與故事

1. 萌新的前端之旅

地址： http://t.cn/RxFXvns

作者：小羊

以一個新人的角度寫寫作者眼里的前端。

2. VR大潮來襲 ---前端開發能做些什么

地址： http://t.cn/RMmkuJi

作者：YorkChan

一篇介紹如何開發一個 WebVR 網頁的文章。而文章將從 WebVR 體驗方式的敘述開始。

如果你喜歡本期內容，不妨點個贊，謝謝！ 與你相約，下一期不見不散。

 

來自：http://www.jianshu.com/p/b7f8c5564e78