月末推荐!精益求精的前端周刊(第十期)

1,173 阅读6分钟

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


前端周刊 第十期

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

到了11月末,2016年也仅剩下不到30多天的时间。每次在感慨时光如白马过隙的同时,我们总会不经意地叩问自己:年初那个信誓旦旦的自己还在吗?那个奋斗不止的自己,依然在奔跑吗?

种一棵树最好的时间是十年前,其次是现在。

小狮一直很喜欢这句话。虽然这句话网上的版本很多。而重要的是,只要你真想做的事,任何时候都不晚。学编程也是一样。不要让自己留下太多遗憾,就好!

月末推荐!《前端周刊》第十期奉上。

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

HTML

1. 使用 Canvas 制作简易实时动态时钟
地址:t.cn/Rf0igDt
作者:H_Kid

动动手!利用 Canvas 制作实时动态时钟。

2. 了解真实的『REM』手机屏幕适配
地址:t.cn/RfSvQSF
作者:hbxeagle

四个具体方案让大家了解 rem 在项目实践中的应用。

CSS

1. 从 CSS 谈模块化
地址:t.cn/RfNzCCa
作者:jack_lo

什么是模块化?为什么我们需要模块化?在本文中,作者将从 CSS 的背景开始,与大家聊聊 CSS 模块化那些事。

2. 如何在 Web 中使用 CSS Shapes
地址:t.cn/RVk1LTq
译者:大漠

本文中,我们一起探讨如何使用 CSS Shapes 模块,让 Web 布局能像杂志和报纸一样使文本内容实现不规则矩形排列。

3. 一个健壮且可扩展的 CSS 架构所需的 8 个简单规则
地址:t.cn/Rf0iWsT
译者:linpu.li

这是一份清单,里面列出了在我多年的专业 Web 开发期间,在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。希望你能有所收获。

4. 了解 CSS/CSS3 原生变量 var
地址:t.cn/RfO6zO5
作者:张鑫旭

一些你未曾了解关于 CSS/CSS3 var()变量的那些有意思的事儿。

Javascript

1. 一个治愈 JavaScript 疲劳的学习计划
地址:t.cn/Rf9TSpd
译者:网络埋伏纪事

老司机分享的一个实实在在、逐步征服 JavaScript 生态圈的学习计划。那么,来看看适不适合你呢?

2. Javascript 本地存储小结
地址:t.cn/RfcDQMy
作者:Damonare

详细讲述 Cookie,LocalStorge,SesstionStorge 的区别和用法。

3. 三张图搞懂 JavaScript 的原型对象与原型链
地址:t.cn/Rf9cGK3
作者:水乙

一些 JavaScript 容易混淆知识点(原型对象与原型链)的图文解释。

4. JavaScript 时间与日期处理实战:你肯定被坑过
地址:t.cn/RfKeRyx
作者:王下邀月熊_Chevalier

一篇关于 JavaScript 中日期与时间细节的文章,同时作者会带大家了解下如何利用 Moment.js 进行日历操作。

5. 2016 年 11 月 12 个轻量级的 JavaScript 库
地址:t.cn/Rf0IH7I
译者:ctolib

新出炉的一些轻量级的 JavaScript 库,来看看有木有你喜欢的。

6. 18 个惊人的 Angular 开源项目
地址:t.cn/RfpeRdh
译者:IT程序狮

18 个精选的 Angular 1.x 与 Angular 2 开源项目,与你分享。

其他推荐

1. Web前端从入门菜鸟到实践老司机所需要的资料与指南合集
地址:t.cn/RfOeOkL
作者:王下邀月熊_Chevalier

一份入门前端的学习资料与指南列表。

2. 10 个原则让动画带你飞
地址:t.cn/Rf9QJln
译者:王子建

动画制作原则,供大家参考。

3. 轻量灵活的移动端 CSS 框架:Mobi.css
地址:t.cn/RfNKsX0
作者:xcatliu

一个专注于移动端的 CSS 框架。它除了拥有苗条的身材,并且兼容主流的移动端浏览器。

4. 复制文本内容的开源 JS 插件:clipboard
地址:t.cn/RyC3NC1
作者:Zeno Rocha

一款轻量、无需依赖任何框架的开源 JS 插件,它实现了点击文本内容快速拷贝地功能,使用简单方便。

5. 基于 Vue 和 WeUI 的移动端 UI 组件库:Vux
地址:t.cn/RGTw3en
作者:Airyland

一款简洁优雅,并能够满足手机端页面大部分组件需求的 移动端 UI 组件库。

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

1. 30分钟掌握 ES6/ES2015 核心内容(上)
地址:t.cn/R5614jE
作者:zach5078

ECMAScript 6 核心知识点概览(上)篇。

2. 30分钟掌握 ES6/ES2015 核心内容(下)
地址:t.cn/RfGHAxa
作者:zach5078

ECMAScript 6 核心知识点概览(下)篇。

3. Nodejs 入门教程
地址:t.cn/Rf9QvNe
作者:Jake

这有份 Node.js 入门教程,助你开启通往 Node 世界的大门。请入门 Node 的开发者们查收!

4. Sublime Text 全程指南
地址:t.cn/RyCU3h8
作者:peng_gong

本文系统全面的介绍了 Sublime Text,旨在成为最优秀的 Sublime Text 中文教程。

5. AngularJS 最佳实践和风格指南
地址:t.cn/zRtOvrx
作者:mgechev等

一份展示 AngularJS 应用的最佳实践和风格指南。

6. Web 全栈技术指南
地址:t.cn/Rf5O1zM
作者:GitHub开发者

“怎样成为一名 Web 全栈工程师?”这份指南将会给你一些指引,让你了解 Web 开发的方方面面。

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

1. 设计思维:The Design Thinking
地址:t.cn/RfSoBTD
作者:陈允信

设计流程是一个直觉与深思熟虑相融合的行动。这篇文章将根据一个现有案例来分析设计流程的每一个阶段,从定义一个的研究问题到获得创意到设计执行。希望你有所收获。

2. UI 设计师急需掌握的平面设计基础
地址:t.cn/RfNLcB3
作者:腾讯ISUX-sisi

提升平面设计基础能力,一起肩负起让用户更轻松学会智慧生活的重任。

3. 表单设计优化
地址:t.cn/RfG7YLl
译者:可乐橙

表单的设计我们见得太多了,常犯的错误也太多了,本文简单梳理了一下表单设计的各方面注意事项。

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

1. 专家与普通人的区别在于觉察力
地址:t.cn/RfKn6YR
作者:技匠

理解和解决问题的能力,让你与众不同。

2. 学习前端我推荐这 5 本书
地址:t.cn/Rftr07d
作者:劳卜

5 本带我踏入前端并产生较大帮助的图书,供大家参考。

如果觉得文章不错,不妨点个赞。^_^