前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端技术集——前端干货聚集地
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程序狮]】微信公众帐号创建，专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
超赞分享！前端周刊已在途中。
热门评论
-
刘霓娜全球后援会2016-07-12 1
-
极客教程2016-07-14 0
查看全部评论可以可以可以可以可以可以可以可以可以可以可以可以
支持支持支持支持支持支持支持支持