前端必备!干货满满的前端周刊(第三期)

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

前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。

干货满满！前端周刊步步积累。

===================================

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

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

那些编程老司机带来的关于如何学习编程、选择哪种编程语言、编程技能如何提升等方面的分享。

如果你觉得内容不错，欢迎多多点赞，分享哦！

作者：IT程序狮

文章源自：http://t.cn/Rt79VVK

注：原创文章，转载请注明出处。谢谢合作。