前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。

前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。

猴哥潇洒地走了，迎来了帅气的鸡哥。

作者：@阿骀

年已过，收起心，撸起袖子，加油干。相信，鸡年依然是一个不平凡的奋斗年。程序员们，甘巴蒂！

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 体验方式的叙述开始。

如果你喜欢本期内容，不妨点个赞，谢谢！与你相约，下一期不见不散。

往期回顾：

《前端周刊》订阅地址：前端周刊 - 文集 - 简书