推荐

前端 JSer 装逼手册

前端装逼必备
前端装逼

React

React Web 中文

A framework for building web apps with React Native compatible API.
有相当实用的RN栗子，开发时可以借鉴
React React Native

Shadow DOM

神奇的Shadow DOM

困扰了许久的shadow root，原来就是这个货
Shadow DOM

Javascript

Backbone源码分析-Backbone架构+流程图

Backbone的简单了解
Backbone 阳强推荐

Service Worker 生命周期

实现google推送的利器
service worker

CSS

Web开发者不容错过的20段CSS代码

非常实用的css代码段，包括基本的样式浮动，清除浮动等等
CSS 金根推荐

Bootstrap 4: 新特性的可视化引导

你还在用Bootstrap吗？
Bootstrap

优质博客

http://zihua.li/

大神博客，對前端有特別想法和另類技術思路。推薦
小俊后院 小俊推荐

文章整理来自互联网，不作商业用途，如侵权，请联系删除

學而不思則罔，撕而不學則殆

推荐

腾讯ISUX动画库

腾讯动画库，简单css动画可以直接选用，调整也比较好调整，推荐
动画 廷俊推荐

小技能

让console充满情怀

轻松掌握console，妹子还介绍了两款字符制作工具，你还不抓紧掌握
console

前端开发中的一些黑魔法Pt1

前端开发中的一些黑魔法Pt2

解决常见的前端，在这里都有解决方法，但是有些方式比较激进，可以根据当前用户群，再决定是否适用，但是现在了解，未来一定用的上
black magic

Javascript

Js apply方法详解

一直没记住apply和call的传参方式，那正好借助阳强推荐的来巩固记忆
apply 阳强推荐

ECMAScript 6扫盲

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，你还等什么
ECMAScript 6

图片

从零开始带你认识最新的图片格式WEBP

从零开始带你认识最新的图片格式WEBP
WebP 金根推荐

雪碧图在缩放场景下的特殊处理

实现sprite缩放的三种方案
sprite 缩放

文章整理来自互联网，不作商业用途，如侵权，请联系删除

推荐

2016年JavaScript开发者需要了解的技能

好吧，我知道文章有点长，你可能不会读，我就帮你直接列出2016Javascript开发者需要关注的一些技能

2016 React Redux Angular2 Meteor Vue ES6 TypeScript React Native 函数式编程

CSS

object-fit: 炒鸡方便的图片居中方法

我只想知道照片中的女神是谁？？？告诉我
CSS object-fit 图片居中方法

CSS的未来：一些试验性CSS属性

文章有点久，但是放在今天，有些属性，主流浏览器已经很好的实现，有些效果都很惊人，有兴趣的还等什么赶快尝鲜
CSS 试验性CSS属性 阳强推荐

Javascript

用AOP改善javascript代码

读书会会长倾情推荐，高大上
Javascript AOP 安湘推荐

Vue.js——60分钟组件快速入门（上篇）

文章有点长，但是60分钟可以看完的
Vue.js 金根推荐

使用 Three.js 的 3D 制作动画场景：飞行者

屌屌屌
Three.js 3D

性能优化

【译】唯快不破：Web 应用的 13 个优化步骤

老生常谈的话题，可以当作一份清单来优化
优化

用户体验

Material design

谷歌的Material design觉得很酷，做插件可能会有思路
Material design 廷俊推荐

推荐

给 Web 开发者 3 个更有效地工作的建议

深有感触的被洗脑
有效工作

CSS

如何理解CSS的display属性

来看看在校妹子教大家如何理解css的display属性的
CSS display

Javascript

理解JavaScript的prototype和proto

你可能不知道实例的对象会有proto属性，而且proto全等于父类prototype
JavaScript __proto__ prototype

圖片自定義裁切區域插件

好用的不像插件
插件 余磊推荐

localStorage的跨域实现方案

万万没想到localstorage也可以跨域
localStorage 阳强推荐

3 种不同的原型继承： ES6+ 版本

3 种不同的原型继承
原型继承 金根推荐

用户体验

来自腾讯的他告诉你弹框得这么做

什么是弹框？什么时候用弹框？怎么设计弹框？那就看看腾讯对弹框的总结吧
弹框

文章整理来自互联网，不作商业用途，如侵权，请联系删除

推荐

Web Uploader

余磊：百度的圖片上傳利器，目前新房屋在使用
图片上传 余磊推荐

HTML

html5全景图示例及解析(3d全景图、室内图、环视图)

廷俊：分享全景圖製作文章，可能有用，先收藏
html5全景 廷俊推荐

CSS

纯CSS实现滚动3D字幕

酷炫的3D字幕，发挥自己的想象力，扩展更酷炫的效果吧
CSS 3D

Javascript

编写“纯粹”的JavaScript代码

前段时间已分享过纯函数的文章，这次献上第二篇，加深印象
JavaScript 纯函数

BUG

ios fixed定位问题

阳强：蛋疼的IOS定位问题
ios fixed定位 阳强推荐

Git

21分钟入门Git

金根：21分钟入门Git，就是这么简单
Git 金根推荐

用户体验

优化交互设计的五个步骤

从交互设计最基本的概念说起，分解其核心设计原则，然后通过五个步骤来更好地进行交互设计
优化交互设计

文章整理来自互联网，不作商业用途，如侵权，请联系删除

推荐

写给初学前端工程师的一封信

很多对前端工程师的定位很困惑，包括我自己，希望通过这篇文章，大家能了解到对自己的定位。
前端开发

前端部署

大公司里怎样开发和部署前端代码

余磊：是這篇文章讓我見識到前端自動化和構建的魅力，值得閱讀！
前端部署 余磊推荐

WebSocket

WebSocket 是什么原理？为什么可以实现持久连接？

阳强：初步理解WebSocket
WebSocket 阳强推荐

HTML5

不使用JavaScript让IE浏览器支持HTML5元素

HTML5 张承推荐

Javascript

前端开发中的JS调试技巧

总工推荐，必读
Javascript JS调试技巧 8591总工友情推荐

javascript变量提升

金根：我们所不知道的一些变量问题，感觉有时候作用域方面还是不太明白
Javascript JS调试技巧 金根推荐

动画

CSShake

廷俊：炒雞賤的CSS3抖動動畫，大家一起搖擺，嗨起來
CSShake 廷俊推荐

给用户界面添加缓和效果(Easing Curves)

理解Easing Curves的工作原理来减少对CSS动画的困惑，文章没有高深的概念，但是还需要一些能力去理解，欢迎留言探讨。
Easing Curves 动画

前端资源

『引』最全前端资源汇集

又成功入手一个最全前端资源汇集，到底有多少个最全o(∩_∩)o
前端资源

文章整理来自互联网，不作商业用途，如侵权，请联系删除

React & React Native

深度剖析：如何实现一个 Virtual DOM 算法

深入理解Virtual DOM算法，学习Virtual DOM算法的思想
React

React-Native痛点解析之开发环境搭建及扩展

React Native痛点解析之性能调优

React Native

性能优化

如何减少浏览器repaint和reflow

了解什么是repaint/reflow，页面哪些操作会引起repaint/reflow，及简单的优化技巧
repaint/reflow

Javascript

Javascript 面向对象编程（一）：封装

如果你还不知道Javascript面向对象编程，那你一定要看这里
Javascript 面向对象编程 阳强推荐

CSS

The 30 CSS Selectors You Must Memorize

廷俊：重溫經典，寫出不尋常，別人看不懂的CSS就靠這個了
CSS 动画 廷俊推荐

福利

前端网站收藏

前端资源 金根推荐

比迅雷还要快的视频下载利器You-Get

好用的利器，可是安装比较麻烦，没有安装成功，32位系统的可以尝试
You-Get

文章整理来自互联网，不作商业用途，如侵权，请联系删除

推荐

对于一般程序员来说，怎么防止为了潮流技术 疲于奔命？

潮流技术？ 疲于奔命？ 阳强推荐

ECMAScript 6入门

ECMAScript 6 余磊推荐

Javascript

JavaScript 秘密花园

学坤：javascript易混淆点、难点全解析
Javascript 学坤推荐

15分钟帮你轻松理解 JS闭包

金根：我能让你15分钟理解作用域和闭包
Javascript 闭包 金根推荐

理解Javascript的闭包

安湘：我能让你深入了解闭包
Javascript 闭包 安湘推荐

JavaScript定时器与执行机制解析

了解JS定时器setTimeout、setInterval和setImmediate的执行机制，从而了解因为定时器引起的一些奇怪问题
Javascript JS定时器

CSS

经验分享：多屏复杂动画CSS技巧三则

廷俊：還沒動手操作，但看着覺得很有道理，有指導意義，用的時候可以按照他的思想來做
CSS 动画 廷俊推荐

CSS3 PIE 让 IE6-8 支持部分 CSS3 新特性

CSS CSS3 张承推荐

Flex 布局教程：语法篇

Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
CSS Flex 布局

Flex 布局教程：实例篇

掌握Flex布局的方法
CSS Flex 布局

用户体验

设计的7条心理学原则和定律

回顾这7条心理学原则和定律，你能够将它们结合到实际运用中。
用户体验 设计心理

文章整理来自互联网，不作商业用途，如侵权，请联系删除

推荐

浏览器的渲染原理简介

让大家了解浏览器的渲染原理，能写出更加高效的界面（html，css，js）
浏览器 安湘推荐

我的架构经验系列文章 - 前端架构

前端架构是一个很大的方面，不再是简单的html，css，js，现在更是涵盖了运营、设计、后台以及产品项目管理
前端架构 阳强推荐

Javascript

【译】JavaScript 中的“纯函数”

“纯函数”名字很新鲜，但是使用纯函数之后能让你的代码简单清晰，降低以后的维护成本
Javascript 纯函数

分享一些前端开发中最常用的JS代码片段

一些前端开发中最常用的JS代码片段，干货
Javascript 金根推荐

不会定义 jQuery 插件，不要说会 jQuery

开发一个插件的基础知识
Javascript jquery插件

CSS

SASS用法指南

SASS基础教程，入门好帮手，用后都说好！
CSS SASS 余磊推荐

【福利】乳摇动画初探

张承没有说明推荐理由，估计是害羞，里面来一波福利
CSS 动画 张承推荐

Restart CSS Animation

套路简单实现重启动画
CSS 动画 廷俊推荐

好吧，CSS3 3D transform变换，不过如此！

学坤说配图不错
CSS 动画 学坤推荐

用户体验

产品容错性设计原则

随着互联网的飞速发展，越来越多产品尤其是2C类产品更加注重用户体验，其中错误对用户体验的影响是灾难性的，作者总结出一些容错性设计原则供大家参考和探讨
用户体验 产品容错

文章整理来自互联网，不作商业用途，如侵权，请联系删除

King of Front-End Magazine 開張啦！

我們是數睿科技的前端開發工程師

雖然我們現在技術還是很欠缺，但是我們不自負

我們都在努力成為一名最棒的前端開發工程師

努力組成一個最棒的數睿前端開發團隊

創辦KFE Magazine

旨在收集前端精華文章，集結成冊

易于督促團隊成員多學習，多分享，多交流

KFE Magazine現在的目標是創辦100期，加油