×

鸡年大吉!继续前行的前端周刊(第十五期)

96
IT程序狮 595a1b60 08f6 4beb 998f 2bf55e230555
2017.02.05 17:05* 字数 1664

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

前端周刊 第十五期

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


猴哥潇洒地走了,迎来了帅气的鸡哥。

作者:@阿骀

年已过,收起心,撸起袖子,加油干。相信,鸡年依然是一个不平凡的奋斗年。程序员们,甘巴蒂!

2017 年《前端周刊》第二期正式为大家奉上。


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

HTML

1. ELF - 灵活可扩展的 HTML5 构建工具
地址:http://t.cn/RMdLZ84
作者:Avin

详细的了解 HTML5 构建工具:ELF .

2. 视频 H5のVideo 标签在微信里的坑和技巧
地址:http://t.cn/RMCiZU8
作者:Avin

以视频为主的移动端 HTML5 实践经验分享。

CSS

1. CSS 书写模式 ——24ways
地址:http://t.cn/RMro46b
译者:哈呼哈哈呼

了解 CSS 的书写模式规范,以及平面设计的书写模式等内容。

2. 让 CSS 更完美:PostCSS-modules **
地址:
http://t.cn/RMTtrhk**
译者:GeoffZhu

本文作者将带你了解 PostCSS 和 PostCSS-modules 如何使用,并且如何在服务端使用它们。

3. 精选!CSS 动画之工具、框架和教程
地址:http://t.cn/RMmx1Gx
译者:IT程序狮

一篇专注于 CSS 动画的工具、框架以及学习教程的文章。希望能帮你更好的学习 CSS 动画,并节约你搜索资料的时间。

4. 拥抱未来的 CSS 布局方式:Flex 与 Grid 布局
地址:http://t.cn/Rxu1MkW
作者:xingbofeng

一篇针对 CSS3 标准里的 Flex 布局,以及 CSS4 草案中的 Grid 布局方式的一些总结。

JavaScript

1. JavaScript This 的六道坎
地址:http://t.cn/RxTmdSv
作者:盒装柠檬水

鉴于 this 风骚的运作方式,对 JavaScript this 的理解是永不过时的话题,本文试图通过将其大卸六块来钉住这个磨人的妖精。

2. JavaScript 技术面试时要小心的三个问题
地址:http://t.cn/RxTuBzu
译者:Rockjins Blog

作者将站在面试官的角度与大家分享 JavaScript 技术面试中,你需要注意的问题。同时,可以了解你对 JavaScript 和 DOM 的了解程度。

3. JavaScript 很少为人所知的玩法
地址:http://t.cn/RxmEFlk
作者:Zelin

一些 JavaScript 很少为人所知的玩法,与你分享。

4. 十个由浅入深的 Angular.js 面试问题
地址:http://t.cn/R5TFgtb
作者:静逸秋水

一些关于 Angular.js 面试的问题,它们覆盖了 Angular 开发的各个方面。有基础的知识点,也有在开发过程中遇见的问题,同时也有较为开放性的问题来辨别面试者的基础水准和项目经验。

5. Node.js 异步最佳实践 & 避免回调地狱
地址:http://t.cn/Rx8mJig
译者:边城

本文涵盖了处理 Node.js 异步操作的一些工具和技术:async.js、Promise、generator 和异步函数。阅读这篇文章之后,你会知道如何避免臭名昭著的回调地狱!


其他推荐

1. 四种方式实现轮播图
地址:http://t.cn/RxmbbN7
作者:范小饭_

利用不同的工具来实现轮播图的几种方式。

2. Webpack 2 快速入门
地址:http://t.cn/RxZPyuf
作者:dwqs

带你了解如何配置 Webpack 2 以及其在项目中如何应用。

3. 一个 React+Redux 工程实例
地址:http://t.cn/RxPj65L
作者:LucasHC

通过实例贯穿 React+Redux 的基本思想。

4. 详解 Vue & Vuex 实践
地址:http://t.cn/RxkjAcN
译者:王下邀月熊

Vuex 的基础与实践。

5. 微信小程序开源项目库汇总
地址:http://t.cn/RM6CsaM
作者:opendigg

Awesome 开源微信小程序汇总,收藏吧。


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

1. 深入浅出 Node.js 读书笔记
地址:http://t.cn/RAaLSZW
作者:Tw93

在本文中,作者分享了第二次阅读《深入浅出 Node.js》的一些学习记录,并且通过百度脑图绘制了相应的知识点与大家分享。

2. JavaScript 全栈教程
地址:http://t.cn/RxpeQ9f
作者:Node 情怀者

基于阮一峰的 JavaScript 全栈免费视频版教程。

3. 研发团队 Git 开发流程新人学习指南
地址:http://t.cn/RxKq8fW
作者:管宜尧

本文定位于为使用 GIT 标准分支开发流程的开发团队提供一份新手参考指南。涉及一些开发流程标准以及实践。

4. Webpack 优秀中文文章合辑
地址:http://t.cn/RMmfRsf
作者:Jingsi Liao

优秀的 Webpack 中文文章搜罗。


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

1. 扁平化设计最佳实践
地址:http://t.cn/Rxe5zJh
译者:IT程序狮

了解你能够通过扁平化设计为用户做些什么,以及扁平化设计 2.0的由来。

2. 引导设计的最佳实践
地址:http://t.cn/Rx2wFKL
译者:jamie7325

通过五部分内容,深入了解引导设计。

3. 干货!我开发 Android 是如何界面设计的 **
地址:
http://t.cn/RxFmwc5**
作者:Werb

一些开发、设计类网站收集。


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

1. 萌新的前端之旅
地址:http://t.cn/RxFXvns
作者:小羊

以一个新人的角度写写作者眼里的前端。

2. VR大潮来袭 ---前端开发能做些什么
地址:http://t.cn/RMmkuJi
作者:YorkChan

一篇介绍如何开发一个 WebVR 网页的文章。而文章将从 WebVR 体验方式的叙述开始。


如果你喜欢本期内容,不妨点个赞,谢谢! 与你相约,下一期不见不散。

前端周刊
Web note ad 1