前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端周刊 第十期
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
到了11月末，2016年也仅剩下不到30多天的时间。每次在感慨时光如白马过隙的同时，我们总会不经意地叩问自己：年初那个信誓旦旦的自己还在吗？那个奋斗不止的自己，依然在奔跑吗？
种一棵树最好的时间是十年前，其次是现在。
小狮一直很喜欢这句话。虽然这句话网上的版本很多。而重要的是，只要你真想做的事，任何时候都不晚。学编程也是一样。不要让自己留下太多遗憾，就好！
月末推荐！《前端周刊》第十期奉上。
前端技术集——前端干货聚集地
HTML
1. 使用 Canvas 制作简易实时动态时钟
地址：http://t.cn/Rf0igDt
作者：H_Kid
动动手！利用 Canvas 制作实时动态时钟。
2. 了解真实的『REM』手机屏幕适配
地址：http://t.cn/RfSvQSF
作者：hbxeagle
四个具体方案让大家了解 rem 在项目实践中的应用。
CSS
1. 从 CSS 谈模块化
地址：http://t.cn/RfNzCCa
作者：jack_lo
什么是模块化？为什么我们需要模块化？在本文中，作者将从 CSS 的背景开始，与大家聊聊 CSS 模块化那些事。
2. 如何在 Web 中使用 CSS Shapes
地址：http://t.cn/RVk1LTq
译者：大漠
本文中，我们一起探讨如何使用 CSS Shapes 模块，让 Web 布局能像杂志和报纸一样使文本内容实现不规则矩形排列。
3. 一个健壮且可扩展的 CSS 架构所需的 8 个简单规则
地址：http://t.cn/Rf0iWsT
译者：linpu.li
这是一份清单，里面列出了在我多年的专业 Web 开发期间，在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。希望你能有所收获。
4. 了解 CSS/CSS3 原生变量 var
地址：http://t.cn/RfO6zO5
作者：张鑫旭
一些你未曾了解关于 CSS/CSS3 var()变量的那些有意思的事儿。
Javascript
1. 一个治愈 JavaScript 疲劳的学习计划
地址：http://t.cn/Rf9TSpd
译者：网络埋伏纪事
老司机分享的一个实实在在、逐步征服 JavaScript 生态圈的学习计划。那么，来看看适不适合你呢？
2. Javascript 本地存储小结
地址：http://t.cn/RfcDQMy
作者：Damonare
详细讲述 Cookie，LocalStorge，SesstionStorge 的区别和用法。
3. 三张图搞懂 JavaScript 的原型对象与原型链
地址：http://t.cn/Rf9cGK3
作者：水乙
一些 JavaScript 容易混淆知识点（原型对象与原型链）的图文解释。
4. JavaScript 时间与日期处理实战：你肯定被坑过
地址：http://t.cn/RfKeRyx
作者：王下邀月熊_Chevalier
一篇关于 JavaScript 中日期与时间细节的文章，同时作者会带大家了解下如何利用 Moment.js 进行日历操作。
5. 2016 年 11 月 12 个轻量级的 JavaScript 库
地址：http://t.cn/Rf0IH7I
译者：ctolib
新出炉的一些轻量级的 JavaScript 库，来看看有木有你喜欢的。
6. 18 个惊人的 Angular 开源项目
地址：http://t.cn/RfpeRdh
译者：IT程序狮
18 个精选的 Angular 1.x 与 Angular 2 开源项目，与你分享。
其他推荐
1. Web前端从入门菜鸟到实践老司机所需要的资料与指南合集
地址：http://t.cn/RfOeOkL
作者：王下邀月熊_Chevalier
一份入门前端的学习资料与指南列表。
2. 10 个原则让动画带你飞
地址：http://t.cn/Rf9QJln
译者：王子建
动画制作原则，供大家参考。
3. 轻量灵活的移动端 CSS 框架：Mobi.css
地址：http://t.cn/RfNKsX0
作者：xcatliu
一个专注于移动端的 CSS 框架。它除了拥有苗条的身材，并且兼容主流的移动端浏览器。
4. 复制文本内容的开源 JS 插件：clipboard
地址：http://t.cn/RyC3NC1
作者：Zeno Rocha
一款轻量、无需依赖任何框架的开源 JS 插件，它实现了点击文本内容快速拷贝地功能，使用简单方便。
5. 基于 Vue 和 WeUI 的移动端 UI 组件库：Vux
地址：http://t.cn/RGTw3en
作者：Airyland
一款简洁优雅，并能够满足手机端页面大部分组件需求的 移动端 UI 组件库。
前端新手家园——前端新人好帮手
1. 30分钟掌握 ES6/ES2015 核心内容（上）
地址：http://t.cn/R5614jE
作者：zach5078
ECMAScript 6 核心知识点概览（上）篇。
2. 30分钟掌握 ES6/ES2015 核心内容（下）
地址：http://t.cn/RfGHAxa
作者：zach5078
ECMAScript 6 核心知识点概览（下）篇。
3. Nodejs 入门教程
地址：http://t.cn/Rf9QvNe
作者：Jake
这有份 Node.js 入门教程，助你开启通往 Node 世界的大门。请入门 Node 的开发者们查收！
4. Sublime Text 全程指南
地址：http://t.cn/RyCU3h8
作者：peng_gong
本文系统全面的介绍了 Sublime Text，旨在成为最优秀的 Sublime Text 中文教程。
5. AngularJS 最佳实践和风格指南
地址：http://t.cn/zRtOvrx
作者：mgechev等
一份展示 AngularJS 应用的最佳实践和风格指南。
6. Web 全栈技术指南
地址：http://t.cn/Rf5O1zM
作者：GitHub开发者
“怎样成为一名 Web 全栈工程师？”这份指南将会给你一些指引，让你了解 Web 开发的方方面面。
前端猿与射鸡尸——设计的那些事
1. 设计思维：The Design Thinking
地址：http://t.cn/RfSoBTD
作者：陈允信
设计流程是一个直觉与深思熟虑相融合的行动。这篇文章将根据一个现有案例来分析设计流程的每一个阶段，从定义一个的研究问题到获得创意到设计执行。希望你有所收获。
2. UI 设计师急需掌握的平面设计基础
地址：http://t.cn/RfNLcB3
作者：腾讯ISUX-sisi
提升平面设计基础能力，一起肩负起让用户更轻松学会智慧生活的重任。
3. 表单设计优化
地址：http://t.cn/RfG7YLl
译者：可乐橙
表单的设计我们见得太多了，常犯的错误也太多了，本文简单梳理了一下表单设计的各方面注意事项。
程序人生——程序员的成长与故事
1. 专家与普通人的区别在于觉察力
地址：http://t.cn/RfKn6YR
作者：技匠
理解和解决问题的能力，让你与众不同。
2. 学习前端我推荐这 5 本书
地址：http://t.cn/Rftr07d
作者：劳卜
5 本带我踏入前端并产生较大帮助的图书，供大家参考。
如果觉得文章不错，不妨点个赞。^_^
往期回顾：
