前端周刊是一份专为前端从业人员,以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货,与大家一同分享。
前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。
猴哥潇洒地走了,迎来了帅气的鸡哥。
年已过,收起心,撸起袖子,加油干。相信,鸡年依然是一个不平凡的奋斗年。程序员们,甘巴蒂!
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 体验方式的叙述开始。
如果你喜欢本期内容,不妨点个赞,谢谢! 与你相约,下一期不见不散。