今天,北京迎来了2016年的第一场雪。貌似,比去年来的早一些。不知不觉,《前端周刊》停刊快两个月了。这段时间,我的生活起起伏伏。时间、精力以及心态上的变化,让我暂时放弃了一直想做好的事情,但又岂能甘心。于是,第九期内容也在昨天正式完成。可惜,还没来得及发布,却断网了。
人生,总是处处充满着“惊喜”。(苦笑脸)
都说万事开头难,但日复一日地坚持做好一件事才是最难的。
可能有不少朋友初次接触《前端周刊》。但没关系,往后的学习之路,我们一起走,可好?
步入寒冬!前端周刊精选推荐。
前端技术集——前端干货聚集地
HTML
1. HTML 可访问性 fieldset ,legend 元素及 CSS 布局应用
地址:t.cn/RfU6CNm
作者:张鑫旭
深入浅出 HTML 元素 fieldset 和 legend 以及其在 CSS 布局中的应用。
2. 移动 H5 前端性能优化注意点
地址:t.cn/RfGTBPg
作者:Dylan
在移动 H5 前端性能优化中,需要注意的要点。
CSS
1. 纯 CSS3 的鼠标悬停效果和动画
地址:t.cn/RqWpamf
作者:yaochuxia
CSS3 的鼠标悬停效果和动画,可以轻松的被应用到按钮、LOGO 以及图片等元素中。本文整合了 50+ 个鼠标悬停效果和动画,希望有你喜欢的。
2. 纯 CSS 气泡框实现方法探究
地址:t.cn/RZhr5HJ
作者:倒霉熊
气泡框(或者提示框)是网页中一种很常见的元素,大多用来展示提示信息。本文中,我们将随作者详细探究如何利用纯 CSS 来实现各类气泡框样式。
3. 用 CSS3 来制作倒影(box-reflect)
地址:t.cn/RfA72mB
作者:铁锅
本文中,作者将通过实例为大家介绍利用 CSS3 box-reflect 属性来实现图片倒影效果。
4. 基于 CSS color 属性的静态 UI 组件重构策略
地址:t.cn/RfIvSQt
作者:张鑫旭
一篇基于 CSS color 属性的 UI 组件重构策略,降低代码日后的维护成本。
Javascript
1. 理解 Node.js 事件循环
地址:t.cn/Rf4Dj6e
译者:文蔺
本文介绍了 Node.js 事件循环是如何工作,如何使用 Node.js 构建高速应用。文章还会涉及最常见的一些问题及其解决方案。
2. Effective JavaScript
地址:t.cn/Rf5740h
作者:dreamapplehappy
68个 JavaScript 项目,让你编写 JS 的能力有一个质的飞跃。
3. Node 进阶:核心模块 http 简介
地址:t.cn/Rf5tNDh
作者:程序猿小卡
这篇文章的作者将从简单实例出发,引出 http 模块最核心的四个实例,带你整体了解 http 模块。
4. Learning React 入门到进阶 PPT 教程
地址:weibo.com/5883088623/…
作者:yiminghe
一份入门到进阶 React 的 PPT 教程,供大家参考、学习。
5. 实用!最新前端速查表集合
地址:t.cn/RfccsZE
作者:设计达人网
本文汇总了目前最新、最流行的前端速查表(Cheat sheet),包含:CSS3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4,推荐收藏备用!
其他推荐
1. 新编码神器 Atom 使用纪要
地址:t.cn/RGTwR4p
作者:晚晴幽草轩轩主
在本文中,作者将从 Atom 的安装开始,逐步带大家了解其快捷键的使用,并推荐了一些好用的插件。一起来Get吧。
2. Webpack 中文指南
地址:t.cn/RqHEE8S
作者:赵达
Webpack 是当下最热门的前端资源模块化管理和打包工具。这本中文手册将从 Webpack 安装开始,逐步带大家玩转 Webpack.
3. 免费的编程中文书籍索引
地址:t.cn/R7wwTnl
作者:justjavac
免费中文编程书籍大放送。
4. 基于 Vue 2.0 和 Material Desigin 的 UI 组件库:Muse-UI
地址:t.cn/RfILpVK
作者:myron
Muse UI 基于一个非常优秀的前端框架 Vue 开发, 并且参考了 material-ui 、 element 等众多优秀的 UI 框架的 API 和代码。它可定制、组件丰富,并且开源。
5. Yarn - Javascript 新一代套件管理
地址:t.cn/RVtmNJo
作者:andyyu0920
Yarn 是由 Facebook 推出的快速、可靠和安全依赖关系 JavaScript 包管理工具。在本文中,我们将详细了解它。不少人认为,它完全有替代 npm 的势头。看完后,你有什么看法呢?
前端新手家园——前端新人好帮手
1. 前端开发,从草根到英雄(第一部分)
地址:t.cn/Rf4V3tm
译者: 解牛
这篇指南的作者根据个人的学习经历,分享了学习前端开发的方向,以及提供了一些过去学习中遇到的有效的学习资源。虽然,本文是一篇译文,但是有很多地方值得初学者了解。
2. 前端开发,从草根到英雄(第二部分)
地址: t.cn/RfIF5KC
译者: 解牛
这篇文章是《前端开发,从草根到英雄系列》的第二部分。在本文中,我们将针对 JS 开始系统的学习。学习 JavaScript 如何添加交互式的接口,其设计模式,并掌握如何创建 Web 应用。
3. MDN 出品的 CSS 入门教程
地址:t.cn/8sehYaL
作者:MDN
本指南适合 CSS 的初学者,但如果你已经学会了 CSS 的基本知识,该指南对你也会有所帮助。
4. 全栈工程师培训材料
地址:t.cn/Rf5jOXL
作者:阮一峰
来自阮一峰的全栈工程师培训材料。作者将通过四讲,帮助大家掌握全栈开发的基本知识,承担简单 Web 应用的前后端开发。
5. ECMAScript 6 Features 中文版
地址:t.cn/RAixV3z
译者:Lenville 与 CloudiDust
本文为关于 ECMAScript 6 特性介绍的一篇普及文章。文章采用中英混排的方式展示。
前端猿与射鸡尸——设计的那些事
1. 双11期间,阿里巴巴 UED 的设计师都在做什么?
地址:t.cn/RfUohrZ
作者:阿里巴巴UED
带你了解双11背后的故事之阿里巴巴UED
2. 20个小技巧教你设计惊艳的三折页[大量案例]
地址:t.cn/RfqzRr7
译者:DATS设计翻译组
即使是一个简单的三折页,也能大有可为。20个小技巧,数十个精彩案例与你分享。
3. 蘑菇街11.11创意设计方案
地址:t.cn/RfIXfxx
作者:FMUX
本文概述了蘑菇街今年双11创意风格的心路历程。
程序人生——程序员的成长与故事
1. 谈谈学习方法
地址:t.cn/RftmpuY
作者:stormzhang
任何技能的学习都讲究方法,编程也一样。在本文中,老司机分享了针对学习方法上的一些建议。来看看,能否对你有所启发。
2. 阅读源码的经验总结
地址:t.cn/RcPjvNS
作者:Maat红飞
对于一个有追求的程序员来说源码必读不可。当然,阅读别人的代码远比自己写代码要难。在本文中,作者就将分享看第三方开源库和完整项目源码的一些方法和技巧。一起来 Get 吧!