前端周刊是一份專為前端從業(yè)人員贰锁，以及對前端、設(shè)計(jì)領(lǐng)域感興趣的朋友們打造的技術(shù)周刊滤蝠。程小獅會精選出前端豌熄、設(shè)計(jì)領(lǐng)域近期相關(guān)的資訊、熱點(diǎn)以及技術(shù)干貨物咳，與大家一同分享锣险。
前端周刊專注于前端領(lǐng)域技術(shù)分享。希望這份周刊能夠成為你成長的得力助手與伙伴所森。
猴哥瀟灑地走了囱持，迎來了帥氣的雞哥。
年已過焕济，收起心纷妆，擼起袖子，加油干晴弃。相信掩幢，雞年依然是一個(gè)不平凡的奮斗年逊拍。程序員們，甘巴蒂际邻！
2017 年《前端周刊》第二期正式為大家奉上芯丧。
前端技術(shù)集——前端干貨聚集地
HTML
1. ELF - 靈活可擴(kuò)展的 HTML5 構(gòu)建工具
地址：http://t.cn/RMdLZ84
作者：Avin
詳細(xì)的了解 HTML5 構(gòu)建工具：ELF .
2. 視頻 H5のVideo 標(biāo)簽在微信里的坑和技巧
地址：http://t.cn/RMCiZU8
作者：Avin
以視頻為主的移動端 HTML5 實(shí)踐經(jīng)驗(yàn)分享。
CSS
1. CSS 書寫模式 ——24ways
地址：http://t.cn/RMro46b
譯者：哈呼哈哈呼
了解 CSS 的書寫模式規(guī)范世曾，以及平面設(shè)計(jì)的書寫模式等內(nèi)容缨恒。
2. 讓 CSS 更完美：PostCSS-modules **
地址：http://t.cn/RMTtrhk**
譯者：GeoffZhu
本文作者將帶你了解 PostCSS 和 PostCSS-modules 如何使用，并且如何在服務(wù)端使用它們轮听。
3. 精選骗露！CSS 動畫之工具、框架和教程
地址：http://t.cn/RMmx1Gx
譯者：IT程序獅
一篇專注于 CSS 動畫的工具血巍、框架以及學(xué)習(xí)教程的文章萧锉。希望能幫你更好的學(xué)習(xí) CSS 動畫，并節(jié)約你搜索資料的時(shí)間述寡。
4. 擁抱未來的 CSS 布局方式：Flex 與 Grid 布局
地址：http://t.cn/Rxu1MkW
作者：xingbofeng
一篇針對 CSS3 標(biāo)準(zhǔn)里的 Flex 布局柿隙，以及 CSS4 草案中的 Grid 布局方式的一些總結(jié)。
JavaScript
1. JavaScript This 的六道坎
地址：http://t.cn/RxTmdSv
作者：盒裝檸檬水
鑒于 this 風(fēng)騷的運(yùn)作方式鲫凶，對 JavaScript this 的理解是永不過時(shí)的話題禀崖，本文試圖通過將其大卸六塊來釘住這個(gè)磨人的妖精。
2. JavaScript 技術(shù)面試時(shí)要小心的三個(gè)問題
地址：http://t.cn/RxTuBzu
譯者：Rockjins Blog
作者將站在面試官的角度與大家分享 JavaScript 技術(shù)面試中螟炫，你需要注意的問題帆焕。同時(shí)，可以了解你對 JavaScript 和 DOM 的了解程度不恭。
3. JavaScript 很少為人所知的玩法
地址：http://t.cn/RxmEFlk
作者：Zelin
一些 JavaScript 很少為人所知的玩法，與你分享财饥。
4. 十個(gè)由淺入深的 Angular.js 面試問題
地址：http://t.cn/R5TFgtb
作者：靜逸秋水
一些關(guān)于 Angular.js 面試的問題换吧，它們覆蓋了 Angular 開發(fā)的各個(gè)方面。有基礎(chǔ)的知識點(diǎn)钥星，也有在開發(fā)過程中遇見的問題沾瓦，同時(shí)也有較為開放性的問題來辨別面試者的基礎(chǔ)水準(zhǔn)和項(xiàng)目經(jīng)驗(yàn)。
5. Node.js 異步最佳實(shí)踐 & 避免回調(diào)地獄
地址：http://t.cn/Rx8mJig
譯者：邊城
本文涵蓋了處理 Node.js 異步操作的一些工具和技術(shù)：async.js谦炒、Promise贯莺、generator 和異步函數(shù)。閱讀這篇文章之后宁改，你會知道如何避免臭名昭著的回調(diào)地獄缕探！
其他推薦
1. 四種方式實(shí)現(xiàn)輪播圖
地址：http://t.cn/RxmbbN7
作者：范小飯_
利用不同的工具來實(shí)現(xiàn)輪播圖的幾種方式。
2. Webpack 2 快速入門
地址：http://t.cn/RxZPyuf
作者：dwqs
帶你了解如何配置 Webpack 2 以及其在項(xiàng)目中如何應(yīng)用还蹲。
3. 一個(gè) React+Redux 工程實(shí)例
地址：http://t.cn/RxPj65L
作者：LucasHC
通過實(shí)例貫穿 React+Redux 的基本思想爹耗。
4. 詳解 Vue & Vuex 實(shí)踐
地址：http://t.cn/RxkjAcN
譯者：王下邀月熊
Vuex 的基礎(chǔ)與實(shí)踐耙考。
5. 微信小程序開源項(xiàng)目庫匯總
地址：http://t.cn/RM6CsaM
作者：opendigg
Awesome 開源微信小程序匯總，收藏吧潭兽。
前端新手家園——前端新人好幫手
1. 深入淺出 Node.js 讀書筆記
地址：http://t.cn/RAaLSZW
作者：Tw93
在本文中倦始，作者分享了第二次閱讀《深入淺出 Node.js》的一些學(xué)習(xí)記錄，并且通過百度腦圖繪制了相應(yīng)的知識點(diǎn)與大家分享山卦。
2. JavaScript 全棧教程
地址：http://t.cn/RxpeQ9f
作者：Node 情懷者
基于阮一峰的 JavaScript 全棧免費(fèi)視頻版教程鞋邑。
3. 研發(fā)團(tuán)隊(duì) Git 開發(fā)流程新人學(xué)習(xí)指南
地址：http://t.cn/RxKq8fW
作者：管宜堯
本文定位于為使用 GIT 標(biāo)準(zhǔn)分支開發(fā)流程的開發(fā)團(tuán)隊(duì)提供一份新手參考指南。涉及一些開發(fā)流程標(biāo)準(zhǔn)以及實(shí)踐账蓉。
4. Webpack 優(yōu)秀中文文章合輯
地址：http://t.cn/RMmfRsf
作者：Jingsi Liao
優(yōu)秀的 Webpack 中文文章搜羅枚碗。
前端猿與射雞尸——設(shè)計(jì)的那些事
1. 扁平化設(shè)計(jì)最佳實(shí)踐
地址：http://t.cn/Rxe5zJh
譯者：IT程序獅
了解你能夠通過扁平化設(shè)計(jì)為用戶做些什么，以及扁平化設(shè)計(jì) 2.0的由來剔猿。
2. 引導(dǎo)設(shè)計(jì)的最佳實(shí)踐
地址：http://t.cn/Rx2wFKL
譯者：jamie7325
通過五部分內(nèi)容视译，深入了解引導(dǎo)設(shè)計(jì)。
3. 干貨归敬！我開發(fā) Android 是如何界面設(shè)計(jì)的 **
地址：http://t.cn/RxFmwc5**
作者：Werb
一些開發(fā)酷含、設(shè)計(jì)類網(wǎng)站收集。
程序人生——程序員的成長與故事
1. 萌新的前端之旅
地址：http://t.cn/RxFXvns
作者：小羊
以一個(gè)新人的角度寫寫作者眼里的前端汪茧。
2. VR大潮來襲 ---前端開發(fā)能做些什么
地址：http://t.cn/RMmkuJi
作者：YorkChan
一篇介紹如何開發(fā)一個(gè) WebVR 網(wǎng)頁的文章椅亚。而文章將從 WebVR 體驗(yàn)方式的敘述開始。
如果你喜歡本期內(nèi)容舱污，不妨點(diǎn)個(gè)贊呀舔，謝謝！ 與你相約扩灯，下一期不見不散媚赖。
