超赞分享！干货汇集的前端周刊（第二期）

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

前端技术集——前端干货聚集地

HTML

1. HTML 5 视频直播一站式扫盲
地址：http://t.cn/R5gji9V

视频直播这么火，再不学就 out 了。为了紧跟潮流，本文中，作者将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。

2. 简单了解 HTML5 中的 Web Notification 桌面通知
地址：http://t.cn/R53ixg6

在以前，我们的通知实现主要是通过闪烁页面的标题内容来实现。然而，这种提示有个致命的缺陷，就是用户的浏览器要一直是张开的。现在，Web Notification 就可以很好地解决上面的痛点。

CSS

1. CSS 专业的技巧
地址：http://t.cn/R53L2QN

20个CSS专业技巧助你提升开发效率。这些技巧适用于最新版的 Chrome, Firefox, Safari, Opera, Edge,以及 IE11。前端er，来Enjoy吧！

2. 你真的了解盒模型吗？
地址：http://t.cn/R5Ek4xx

深入浅出带你了解CSS中的盒模型。

3. 22个必备的 CSS 小技巧
地址：http://t.cn/R5nefw6

这是一篇来自Ilya Pestov博客的文章《22 Essential CSS Recipes》，作者分享了一些实用的CSS小技巧。涉及混合模式、渐变边框等知识点。

4. 小tips: IE7,IE8浏览器纯 CSS 实现正圆角效果
地址：http://t.cn/R51KPQK

CSS3 border-radius可以轻易实现圆还有圆角效果，然而，需要IE9+浏览器才行。移动端自然不成问题，但是众多（尤其面向C侧）PC页面是至少需要兼容IE8的，那有没有什么办法可以让IE7、IE8也支持圆角呢？一起来看看，作者的解读。

5. 2016年至今最受欢迎的14篇 CSS 文章
地址：http://t.cn/R5EyW39

我们回顾了2016年至今《HTML5 Weekly》已经发布的20篇周刊，并收集出了最受欢迎的CSS文章、技巧、工具以及教程，与大家分享。

6. CSS 进阶：提高你前端水平的 4 个技巧
地址：http://web.jobbole.com/86793/

CSS 在刚开始学习的时候看起来非常简单。但是，随着你的不断了解，你会发现 CSS 的复杂，以及它的深度。在文中，作者分享了能让你在大规模使用 CSS 的时候，保证代码健壮性的四个要点。

Javascript

1. 解构（Destructuring） -- Exploring ES6
地址：http://www.zcfy.cc/article/498

一篇关于 ES6 解构的文章，文章很详细的讲解了关于解构的一切。

2. 用 ES6 构建新一代可复用 JS 模块
地址：http://t.cn/R5QRyzt

本文翻译自《Writing Next Generation Reusable JavaScript Modules in ECMAScript 6》，作者将为大家讲述如何用 ES6 构建 JS 模块。

3. 为 ES6 配置 JavaScript 测试工具
地址：http://www.zcfy.cc/article/569

现在已经可以很方便的使用 ES6 了，针对开发流程的工作流已经非常简单与详细了。但针对测试的呢？在本文中，作者将介绍目前最流行的测试工具—— Mocha，Jasmine，Karma以及Testem —— 以便让它们能与ES6一起工作。

4. JavaScript 原型中的哲学思想
地址：http://t.cn/R5Huqry

在本文中，作者分享了自己对 JavaScript 原型相关知识点的理解。涉及 JavaScript原型指针、原型对象、原型链等内容。一起来看看，你掌握了多少？

5. 开开心心做几道 JavaScript 机试题
地址：http://t.cn/R5Qlotm

在文中，作者将与大家聊聊常见 JavaScript 面试题的解法，以及面试注意事项。

其他推荐

1. 如何在前端开发中增加编码效率，这里有十款 Chrome 扩展可以帮你
地址：http://t.cn/R5uri3I

Chrome 浏览器一直是开发过程中不可缺少的利器。除了功能强大的DevTool，更有各种好用的前端开发与调试工具。在本文中，我们就分享一些前端开发相关的 Chrome 插件，相信有你喜欢的。

2. 新鲜出炉！Web 开发人员必备资源
地址：https://www.sdk.cn/news/4098

一些最新的 Web 开发人员必备学习、工具等资源。

3. 也谈前端面试常见问题之『数组乱序』
地址：http://t.cn/R5u6GOn

详解经典的前端面试题——数组乱序

4. 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app
地址：http://t.cn/R5Rw1d3

随前端老司机利用Vue.js + Vuex 制作专门收藏微信公众号的 app.前端er，抽时间来试试咯！

5. 支付宝前端应用架构的发展和选择
地址：http://t.cn/R5gpZ4K

我理解的支付宝前端应用架构发展史，从 roof 到 redux，再到 dva.

前端新手家园——前端新人好帮手

1. 谷歌推荐的计算机科学学习路线
地址：http://t.cn/R5CkgAY

要成为一名成功的软件工程师，你必须具备扎实的计算机科学基础。本自学指南适用于想要学习编程的大学生们，分为专业方向和非专业方向两个系列。它们能够帮助你进一步学习计算机科学，或者对这个领域建立初步理解。

2. 一个靠谱的前端开源项目需要什么？
地址：http://t.cn/R5nb5W6

在本文中，作者以自身经验出发，与大家聊一聊心目中靠谱的 Github 前端开源项目应该具有什么。

3. 前端组件库合集
地址：http://t.cn/RwTRrBN

这个项目中收集了搭建 Web App 常用的样式和组件。前端er，来看看有木有你项目中需要的东东。

4. JavaScript 问题集锦
地址：http://t.cn/RqAhmTd

关于 JavaScript，工作和学习过程中遇到过许多问题，也解答过许多别人的问题。这篇文章记录了一些有价值的JavaScript问题。

5. Angular 官方中文文档
地址：http://t.cn/R5gjN9R

送福利咯！第一个由官方正式发布的 Angular 中文开发文档。学 Angular 的朋友，不要错过。

前端猿与射鸡尸——设计的那些事

1. 100+ 值得设计师们关注的优秀字体
地址：https://xituqu.com/234.html

字体设计的功能是信息传递与视觉审美。在本文中，作者整理了100+值得设计师们关注的优秀字体，一起来Enjoy吧！

2. 网页配图之道！八条实战学来的首图设计技巧（一）
地址：http://t.cn/R5r1rY2

如何设计首图，是网页设计之中一个非常重要的问题。为此，我们就此特献出八条设计技巧，全是来自实际经验，以期和大家共同探讨之。

3. 给新手设计师的灵感收集指南
地址：http://t.cn/R5BRD6d

本文推荐了不少能帮设计师寻找灵感的书籍和网站，都是高手常逛的，适合收藏起来每天看。

4. 从人性的角度揭露 Banner 设计背后的14个秘密
地址：http://t.cn/R5nChY3

为什么有的 Banner 能够吸引人去点击，而有的无人问津？这篇文章也许能够给你带来一些启发。

5. 腾讯重磅出品！一份超全面的2016年用户体验行业调查报告
地址：http://t.cn/R51aHnX

这是一份用户体验行业最全面的调查报告，是腾讯CDC继2015年发布用户体验行业报告后，再次用数据为你深度解析用户体验行业发展情况。推荐一读！

程序人生——程序员的成长与故事

1. 码农和英语
地址：http://t.cn/R58edPj

英语对于码农来说是一个重要的技能。文中，作者通过自身经历分享了一些学习英语的经验与建议。

2. 如何高效的进行编程练习
地址：http://www.jianshu.com/p/25c32b497232

程序老司机带你通过了解编程与情绪周期，立定练习与计划，逐步提升你的编程水平。理论与实践相结合，希望这些心得对你有所启发。

3. Mac 开发配置手册
地址：http://t.cn/RUKxSoN

一本如何让一部全新的 MacBook 快速完成开发环境配置的手册，主要面向 Web 开发者，希望对你有所帮助。

4. 程序员创业？你需要先避开这些坑
地址：http://www.jianshu.com/p/23401957a6bf

说说那些程序员在创业初期应该尽可能避开的坑。

专注前端开发 欢迎关注
前端周刊由【IT程序狮]】微信公众帐号创建，专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。

超赞分享！前端周刊已在途中。