“墙裂”推荐！越挫越勇的前端周刊（第五期）

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

前端周刊 第五期

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

无所畏惧！前端周刊越挫越勇。

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

HTML

1. H5动效的常见制作手法
作者：恬恬
地址：http://t.cn/RG9Oyeo

本文将通过一些案例，和大家一同挖掘几种常见的 H5 动效制作手法。

2. 滑屏 H5 开发实践九问
作者：Hahn
地址：http://t.cn/RG9l5k0

作为一个 UI 工程师，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁会反问自己一些问题来促使自己不断地思考。本文中的九个问题让你深入地了解滑屏 H5 开发实践。

CSS

1. 什么是 CSS 模块以及你为什么需要它们？
译者：Yawenina
地址：http://t.cn/RtVy1sZ

这篇文章中，我们将了解 CSS 模块以及它的目的。

2. 一个纯 CSS3 实现的酷炫翻书效果
作者：HJM
地址：http://t.cn/RtGHq2R

CSS3 实现的酷炫翻书效果。

3. 带你玩 CSS3 3D
作者：HJM
地址：http://t.cn/Rt5K6xA

在本文中，我们将从了解 CSS3 3D 的基础概念开始，逐步随作者开始 CSS3 3D 实战的演练。

4. CSS 创作指南
译者：过气网红一丝
地址：http://t.cn/RA2EnZL

一份 CSS 书写规范的文档。

5. 37款免费的 HTML5 和 CSS3 加载与预载动画
译者：IT程序狮
地址：http://t.cn/RtbmtMg

本文分享的这份清单包含了一系列免费的 HTML5 和 CSS3 加载与预载动画，它们会给你的网站带来更好的用户体验。

Javascript

1. 掌握 JavaScript 函数的柯里化
作者：Github—dreamapple
地址：http://t.cn/RtttzRm

Haskell 和 scala 都支持函数的柯里化，JavaScript 函数的柯里化还与 JavaScript 的函数编程有很大的联系。在本文中，我们将逐步了解。

2. 原生Javascript方法列表
作者：Github—Robert Chang
地址：http://t.cn/RbmEcPw

一份原生支持 ES5 和 ES6 的 Javascript 方法列表。前端er，转需收藏吧。

3. ES6 速查手册
作者：Github—David Leonard
地址：http://t.cn/RtcyHdc

这篇手册包含了 ES2015(ES6) 的使用小技巧、最佳实践以及可以给你每天工作参考的代码片段。

4. Node.js 原生支持的 ES6 特性
作者：TAT.李强
地址：http://t.cn/R5muogG

本文以v4.4.4(LTS version)长期支持版本为例，从兼容性以及性能两方面着手分析 Node.js 对 ES6 的支持情况。

5. ES6 中 Arguments 和 Parameters 用法解析
译者：旭日云中竹
地址：http://t.cn/RtUBojn

本教程中，我们将详细探索 arguments 和 parameters ，看看 ES6 是如果改善升级它们的。

6. React Ajax 最佳实践
译者：简书—Junxi
地址：http://t.cn/RtIlFuw

本文译自《React AJAX Best Practices》，作者详解了 React 使用 AJAX 的四种方式，以及对于避免使用反模式的一些建议。

7. React 开发中常用的工具集锦
作者：王下邀月熊_Chevalier
地址：http://t.cn/RtqrNE8

本文记录了笔者在 React 开发中常见的一些工具插件。

其他推荐

1. 10 倍提升应用性能的 10 个建议
译者：为之漫笔
地址：http://t.cn/Rtt590V

本文将给出能够提升大约 10 倍网站性能的 10 个建议，供大家参考。

2. 20 个为前端开发者准备的文档和指南
作者：Louis Lazaris
地址：http://t.cn/RttYhzA

一些实用的前端开发所需的文档和指南。收藏吧！

3. 浅谈 Web 自适应
作者：卖烧烤夫斯基
地址：http://t.cn/Rtt5cUf

本篇博文分享了一些处理多屏幕自适应的经验，希望有益于诸君。

4. 前端开发者应该知道的 CSS 小技巧
译者：伯乐在线 - cucr
地址：http://t.cn/RGK294s

12 个让你的 CSS 技术更专业的小技巧。

5. 推荐 10 个工具，提升你的创作效率
译者：简书—大宝大宝
地址：http://t.cn/RtIlRHR

本文作者分享了设计师、前端开发者可以掌握的 10 个高效工具。来看看，你用过哪些？

前端新手家园——前端新人好帮手

1. 国内各大互联网公司技术站点集合
作者：zeo
地址：http://t.cn/RtqWIm2

一些互联网知名企业的技术博客总结，需要的可以收藏一下。

2. 程序员/设计师能用上的 75 份速查表
**译者：伯乐在线 - 黄利民 **
地址：http://t.cn/8s67oQJ

一些实用的速查表，涉及大多数主流编程语言。收藏吧！

3. 程序员的工具箱
作者：Junfeng Liu
地址：http://t.cn/RtIJuke

本书将介绍笔者在十多年编程生涯中积累和沉淀下来的最称手的工具软件的安装和使用方法。

4. 如何发现优秀的开源项目？
作者：stormzhang
地址：http://t.cn/RtcGI8d

GitHub 其中一个最重要的作用就是发现全世界最优秀的开源项目，但如何发现优秀的开源项目呢？请听作者分解。

5. 《HelloGithub月刊》
作者：Github—削微寒
地址：http://t.cn/RtcNq0O

一份 Github 中文版月刊。作者会分享一些通俗易懂，简单容易上手的项目。目前已出第四期。

前端猿与射鸡尸——设计的那些事

1. 设计师如何度过宝贵十年
**作者：魔力大熊 **
地址：http://t.cn/Rt4W3jd

本文将与大家探讨设计师职业生涯最宝贵的前十年，应该如何度过。希望对你有所启发。

2. 详情页设计思路
作者：阿新I任星星
地址：http://t.cn/RtImhw0

在本文中，作者将工作中会遇见的各种常见场景，通过讲故事来与大家分享。

3. 跟着 TUBIK STUDIO 学习 UI 动效的常见用法
作者：Tubik Studio
地址：http://t.cn/Rt5dmJx

本文通过 Tubik Studio 和相关设计师的 15 个概念设计项目来简单总结动效常见的类型、风格和功能。

4. 腾讯移动互联网设计中心总监周陟：要成为全过程设计师，你的设计
作者：腾讯移动互联网设计中心总监—周陟
地址：http://t.cn/Rtwr3xy

本文整理自腾讯移动互联网设计中心总监周陟在2016国际体验设计大会「设计管理峰会」上的演讲。

5. 让图片加字变得有格调？这三个方法可以轻松搞定！
作者：笔戈科技—兽兽
地址：http://t.cn/RtboKKD

想让你的图片一秒变得有逼格？试试在上面加点文字吧！一篇简单实用的加字方法：隐形线，隐形框和超级放大法，分分钟从《乡村爱情》到荒诞电影海报。

程序人生——程序员的成长与故事

1. 谈谈我这三年在技术上的成长
作者：小胡子哥
地址：http://t.cn/R5ePNRD

小胡子哥的技术成长经历分享。

2. 关于"如何自学编程"引发的思考
作者：简书—SpikeKing
地址：http://t.cn/RtIiVPH

一个老生常谈的问题。来看看，文中作者的个人经历分享。

3. 从 Google 工程师到创业 CTO，这 8 个理念让他一路坚持下来
作者：Lan Langworth
地址：http://t.cn/RtIiAvK

本文译自《How to Go From Google Engineer to First-Time CTO》，作者 Lan Langworth 分享了自己的 8 个理念，献给那些憧憬着去创业公司当 co-founde 的工程师们。

4. 那些程序员们后知后觉的职涯经验
作者：技匠
地址：http://t.cn/Rtt5ZYS

文中，作者分享了自己总结的一些职场经验，希望对大家未来的职涯发展会有所帮助。

5. 我脑海中的优秀技术团队
作者：小芋头君
地址：http://t.cn/Rt4fAi4

关于优秀技术团队中“人”和“事”的一些思考。

作者：IT程序狮
链接：https://www.jianshu.com/p/54e839419ab2