前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。
前端周刊 第三期.jpg
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
干货满满！前端周刊步步积累。
前端技术集——前端干货聚集地
HTML
1. H5 性能优化方案
地址：http://t.cn/RtP2Xxg
现阶段PC的性能绝大多数情况是过剩的，但移动端性能就参差不齐了，因此对移动端 H5 页面进行精细的性能优化是极其重要的。在文中，作者分享了关于移动端 H5 页面性能优化的一些建议和方法。一起来看看。
2. HTML表单高级样式
地址：http://t.cn/R5gdirj
在文中，我们将通过实例来了解如何在HTML表单上使用CSS样式。
3. 《每周一点Canvas动画》——角度反弹
地址：http://t.cn/R5gdiki
如何用Canvas动画实现物体撞击时，角度反弹的效果。
4. 一个比想象中更骚气的圆-svg实现
地址：http://t.cn/R5g0UQF
在文中，我们将随作者用SVG实现渐变圆环效果。一起来试试吧。
5. 解耦---Hybrid H5跨平台性思考
地址：http://t.cn/R5FbVaA
跨平台，是H5最重要的能力之一。而 Hybrid H5 因强依赖于具体 app，往往不具有跨平台性。那么只有通过解耦，才可恢复 H5 的跨平台能力。来看看，本文作者在具体项目中对 Hybrid H5 跨平台性的一些感悟和思考。
CSS
1. CSS Float nine rules
地址：http://t.cn/R5gWkRL
关于CSS浮动的九条规则，你了解多少？
2. 等宽字体在Web布局中应用以及CSS3 ch 单位
地址：http://t.cn/R5rkjYw
一篇文章带你了解等宽字体，以及其与CSS3 ch在Web布局中如何应用。
3. CSS图像替换：文本缩进，负边距以及更多方法
地址：http://t.cn/R51uRR1
一份你需要的CSS图像替换技术列表。在这篇文章中，作者总结了CSS中图像替换的多种方法，例如负的文本缩进、使用内边距等方法。希望你能从中学习到新的思路和方法。
**4. 大型项目中的结构化CSS **
地址：http://t.cn/Rtvnbv3
写CSS很容易，写持续可维护的CSS则很难。在文中，作者分享了构建可维护CSS的一些方式和建议。
Javascript
1. 2016年JavaScript开发者需要了解的技能
地址：http://t.cn/R5eeydI
本文翻译自《Skills JavaScript Developers Should Learn in 2016》，作者分享了2016年Javascript发展的趋势以及动向，供前端开发者参考。
2. ECMAScript 6 扫盲
地址：http://t.cn/R5d9uqf
一篇 ES6 语法扫盲的文章。初学 ECMAScript 6 的前端朋友们，推荐一读。
3. JavaScript作用域学习笔记
地址：http://t.cn/R5BmnKO
无论什么语言中，作用域都是一个十分重要的概念，在JavaScript中也不例外。本文作者将带大家学习JS中变量的作用域，一起来看看。
4. 为你定制的 React 学习路线
地址：http://t.cn/R5DL3lK
六步开启你的 React 学习之旅。
5. Vue.js 实践（3）：实现一个漂亮、灵活、可复用的提示组件
地址：http://t.cn/R5euVDG
Vue.js 实战分享。本文作者带你了解一个漂亮、灵活、可复用的提示组件的实现思路，你将会掌握 Vue.js 的组件系统、数据传递、计算属性、transition 动画等特性在实践中的应用。
其他推荐
**1. 开源Web视频播放器合辑 **
地址：http://t.cn/RthPoV4
开源视频播放器集合。需要的朋友可以收藏咯。
**2. 聊一聊前端存储那些事儿 **
地址：http://t.cn/R5eViSa
在文中，作者分享了关于前端存储的利弊，以及各类存储的应用场景。
**3. 大公司里怎样开发和部署前端代码？(附实践方案) **
地址：http://t.cn/RthPKAs
一篇文章带你了解大公司里如何开发和部署前端代码。
4. 前端不为人知的一面--前端冷知识集锦
地址：http://t.cn/8s9LwLN
前端开发中，你所不知的一些实用的前端冷知识。来看看，你知道多少呢？
5. 前端开发中的一些黑魔法Pt1
地址：http://t.cn/R5FMXd3
本文译自《Dirty Tricks From The Dark Corners Of Front-End》，作者分享了前端开发中使用到的一些黑魔法。前端er，不要错过！
前端新手家园——前端新人好帮手
**1. 如何学习Web前端开发？ **
地址：http://t.cn/R5XI5gv
慕课网讲师-zkpplpp为新手们朋友们带来的前端入门分享。
2. 前端技能之切图
地址：http://t.cn/R4ZVX2g
Web界面构建过程中，切图是必不可少的一步。在本文中，作者分享了常见切图的方法，PS切图时常用到的功能，以及切图的实战学习。
3. 学习提高你CSS技术的法则
地址：http://t.cn/zjVHiem
在本文中，作者记录了一些CSS通用规则与最佳实践，希望对初学CSS的朋友们有所帮助。
4. 跟着9张思维导图学习Javascript
地址：http://t.cn/Rhy6zJS
好记性不如烂笔头。随作者的9张思维导图，开启你的 Javascript 学习之旅吧。
5. 写给刚入门的前端工程师的前后端交互指南
地址：http://t.cn/Rtv74yX
作为刚接触前端不久的童鞋，大家都会兴奋于CSS和JS所带来漂亮界面。然而，前端工程师除了UI重构外，还有在正确的区域渲染出服务端的数据，这个重要的职责。在本文中，我们就将了解前端工程师同后端打交道的常用技能。
前端猿与射鸡尸——设计的那些事
1. 超实用！怎样自学并且达到职业UI/UX 设计师水平？
地址：http://t.cn/R5FpPK3
本文总结了学习 UI/UX 的3个阶段：学习UX + UX设计实践 +建立UX人脉圈，每一个阶段都包含了超多实用的设计教程和资源，想自学但迷茫的同学建议阅读。
2. 高手经验！聊聊交互新人容易犯的七个错误
地址：http://t.cn/R5FpqOk
一篇关于交互新人容易犯的一些错误，以及针对这些错误深入思考的文章。
3. 入行用户体验设计，规范是一切的开始
地址：http://t.cn/R5rL0OT
对于用户体验设计、UI 设计，入行最应该具备的基础知识是对设计规范的了解，但是很多朋友并不是很清楚如何获取设计规范。本文对各平台规范的获取做了详细介绍。一起来看看。
4. 电商banner海报合成教程分享
地址：http://t.cn/R5e6y12
一篇实用的电商banner海报合成教程分享，有 PS 基础同学可以快速上手。
程序人生——程序员的成长与故事
1. 魔都，3年，程序员到CTO
地址：http://t.cn/RtvmoqP
本文记录了一个程序员成长为CTO的经历。或许作者的那些故事，对你也有所触动。
2. IT 行业加班到底有没有价值？
地址：http://t.cn/R5sux4c
又一篇探讨 IT 行业加班是否有价值的文章。作者分享了他的个人经历，以及对加班的理解。那么，你肿么看？
3. 寻找时间成为一名更优秀的程序员
地址：http://t.cn/R5DqenA
5个关于时间管理的真相，助你成为更优秀的程序员。
4. 一个前端的自我修养
地址：http://t.cn/RGsJmI1
寒冬老师的一篇如何学习前端，实现自身成长的经验分享。推荐前端er一读！
5. 来自于编程大师的职业建议：别老想着写码
地址：http://t.cn/R5uyhmk
那些编程老司机带来的关于如何学习编程、选择哪种编程语言、编程技能如何提升等方面的分享。
如果你觉得内容不错，欢迎多多点赞，分享哦！
专注前端开发 欢迎关注
网友评论