步入寒冬!再度飞翔的前端周刊(第九期)

1,878 阅读6分钟

今天,北京迎来了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 吧!