前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端周刊 第十三期
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
整理完 2016 年的最后一期内容，看了看表，距离 2017 年仅剩下 7 个小时了。突然发现，还有好多事情自己还没有做。例如，详细地写一份年终总结，亦或再翻译几篇能对朋友们有帮助的文章......
人生总有一些事情，值得让我们倾其所有去追逐、去努力。给自己定个目标，脚踏实地的去积累，相信终归会有厚积薄发的那一天。
不要让遗憾留在明天，如果还有想做的事情，那么，现在就去做吧。
希望 2017 我们都能达成更多的目标，让我们一同努力。《前端周刊》第十三期正式奉上。
前端技术集——前端干货聚集地
HTML
1. 如何打造一个高效适配的 H5
地址：http://t.cn/RIqOMVN
作者：风聆
本文作者利用了图片适配属性 Object-fit 的缩放思想，为大家简单介绍 H5 页面适配上的几种展现形式。
2. Canvas Ghost 魔法
地址：http://t.cn/RIlNDrF
作者：Helkyle
使用 Canvas Ghost 制作的两个神奇的 Demo：不规则图形范围检测与代理事件。
CSS
1. 构建稳固的、可升缩的 CSS 框架的八大原则
地址：http://t.cn/RIfYsKt
译者：远杨
从工作中所含盖的各个大型、复杂的 Web 项目中总结出来的 CSS 框架的八大原则。
2. 2016年 CSS 库、框架和工具新生榜 TOP 50
地址：http://t.cn/RIKdOzY
译者：达尔文
盘点 2016 年优秀的 CSS 库，看看有木有你需要的。
3. 你真的了解 background-position
地址：http://t.cn/RIRI2SO
作者：大漠
深入了解 CSS 常见属性之 background-position.
4. 关于 CSS 一些细节问题
地址：http://t.cn/RI1TOCf
作者：铁锅
关于一些 CSS 细节问题的分享。
JavaScript
1. JavaScript 写类的前世今生
地址：http://t.cn/RIxpAUe
作者：snandy
通过四部分内容（原始方式写类、工具函数写类、常见类库的写类、ES6 的写类）与大家分享 JavaScript 写类的那些事。
2. 少年，不要滥用箭头函数啊
地址：http://t.cn/RIxj2RU
作者：jingsam
你搞清楚了箭头函数是什么回事，适用于什么场景了吗？如果还没有，不妨来看看。
3. 基于 ES6 的模块化开发
地址：http://t.cn/RI9AvPD
作者：四爷在此
一篇基于 ES6 实践模块化开发过程的详细记录。
4. 《JavaScript 闯关记》之原型及原型链
地址：http://t.cn/RIS6Cao
作者：劼哥stone
关卡挑战 JavaScript 基础知识之原型与原型链。
5. 如何使用 Tween.js 各类原生动画运动缓动算法
地址：http://t.cn/RIxIraJ
作者：张鑫旭
了解 Tween.js，并掌握 Tween.js 中的缓动算法。
其他推荐
1. 腾讯移动 Web 前端知识库
地址：http://t.cn/zQf1fsf
贡献者：元彦等
一套面向亿万用户级的移动端 Web 解决方案。
2. 前端：『REM』手机屏幕高清适配方案
地址：http://t.cn/RIGBqCV
作者：hbxeagle
基于手机屏幕适配方案实现的高清适配方案。
3. 2016 年 50 个最佳的轻量级 JavaScript 框架和库
地址：http://t.cn/RIRuqrw
译者：IT程序狮
盘点 2016 年优秀的轻量级 JavaScript 框架和库，看看有木有你的“菜”。
4. 深入研究 Virtual DOM
地址：http://t.cn/RIEA310
译者：风君子
图文并茂的介绍了 Virtual DOM 的各个方面，希望读到这篇文章的朋友能更好的理解 React 和 Preact .
5. Vue2.0 新手完全填坑攻略——从环境搭建到展示豆瓣的电影列表
地址：http://t.cn/RVt0x5L
作者：Jinkey
实例讲解 Vue2.0 .
6. 京东 2016 版首页改版前端总结
地址：http://t.cn/RIuSlfx
作者：luckyadam
本文针对京东 2016 版首页改版工作中提炼的工作方法，以及优化方式进行的总结。
前端新手家园——前端新人好帮手
1. 九大基础排序总结与对比
地址：http://t.cn/R5cgeIz
作者：lucky.7
本文详细记录了九大基础排序的概述、实现步骤以及通过 Java 的实现，供学习算法的朋友们参考。
2. 正则表达式理论篇
地址：http://t.cn/RfMPYLj
作者：暖暖
跟妹子学习正则表达式——理论篇。
3. 正则表达式实践篇
地址：http://t.cn/RfsDnBh
作者：暖暖
跟妹子学习正则表达式——实践篇。
4. 猫的前端回忆录
地址：http://t.cn/RIp0XEG
作者：Winds
一些有用的前端工具整理。涉及文章、UI 框架、教程、速查表等方方面面。
5. 面向新手的 Node.js 教程：N-blog 项目
地址：http://t.cn/z80ZDZt
作者：nswbmw
利用实际项目学习 Node.js .
前端猿与射鸡尸——设计的那些事
1. 2016 年度设计精选大盘点
地址：http://t.cn/RIcjNpo
译者：爆炒地瓜
2016 年不可错过的设计工作室、设计师、创意网站、设计博客、设计趋势等精品推荐。
2. 2017 年设计行业会有哪些变化？
地址：http://t.cn/RITvfim
作者：LOGO大师
总结过去展望下新的一年，聊聊 2017 年设计行业会发生什么变化。
3. 2017 年有哪些值得一看的设计趋势
地址：http://t.cn/RIo9RuB
作者： 蘑菇街 uni 事业部设计团队
通过七个方面了解 2017 年值得一看的设计趋势。
程序人生——程序员的成长与故事
1. 程序员们也该知道的事——“期权和股票”
地址：http://t.cn/RI6uTAr
作者：精神哥
带大家了解股票与期权的方方面面。
2. 技术人员的发展之路
地址：http://t.cn/RIEqbhZ
作者：陈皓
程序老司机的年终总结。相信，本文会对你有不少的启发。
如果喜欢本期内容，不妨点个赞，谢谢！ 2017 年《前端周刊》将会继续陪伴大家一同前进。
网友评论