对ES6Generator函数的理解
Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。
JavaScript 设计模式 ② 巧用'工厂模式'和'创建者'模式
我为什么把他们两个放在一起讲？我觉得这两个设计模式有相似之处，有时候会一个设计模式不能满足你的需求而采用另一种设计模式。基于这点考虑，而且为了大家更好地理解，我放到了一起，加深大家的印象，活学活用。 在我们Team协作开发过程当中，不同于我们写个人项目，对全局变量的限制很大，我…
CSS 变量教程 | 阮一峰
Edge 等浏览器都开始支持 CSS 变量了
学习 webpack 前，你需要了解的那些概念
wepback作为前端最热门的打包管理工具之一，学习一下是很有必要的，关于webpack的学习教程很多，并且官方也有对应的中文文档，所以本篇文章不再讲解如何使用webpack，而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack，…
HTML/CSS/JS编码规范
最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…
JavaScript 对象的深浅复制
本文是我在复制对象方面的一些心得总结，由浅复制到深复制，由只复制简单属性到复制 Function，RegExp 等复杂属性，层层递进，文字与代码想结合，全面阐述了对象复制方面的知识点
JavaScript设计模式详解-单身狗的你来看看单例模式
单例模式 前言 这两天是不是被朋友圈里的恩爱狗们秀了一脸？别慌！学习使我们强大，躁起来！在这个5.20，5.21的神圣日子里来聊一个相对简单的设计模式-单例模式来入门这个设计模式，并对闭包、封装、命名空间、单一职责、惰性有一个应用场景的了解。 应用场景 这种模式，常用于线程池、…
HTML5 进阶系列：文件上传下载
前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …
HTML5拖放API Drag and Drop
此文研究Web API中的拖放接口，提供各个属性和方法的说明，解决拖放过程中的拖拽数据对象存储和获取问题。
前端面试之 CSS3 新特性
除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。
正则表达式前端使用手册
为什么要学正则表达式. 有位网友这么说: 江湖传说里,程序员的正则表达式和医生的处方,道士的鬼符齐名,曰: 普通人看不懂的三件神器. 这个传说至少向我们透露了两点信息: 一是正则表达式很牛,能和医生的处方,并被大家提起,可见其江湖地位. 二是正则表达式很难,这也从侧面说明了,如果你可以熟练的掌握并应用它,在装逼的路上,你将如日中天 (别问我中天是谁……) !
JavaScript 是如何面向对象的
由对 JavaScript 面向对象的疑惑到对 JavaScript 的原型链的理解，阐明了 JS 面向对象语法的背后意义，并介绍了另一种组织代码的方式 Behavior Delagation
JavaScript 中的递归
译者按: 程序员应该知道递归，但是你真的知道是怎么回事么？ 原文: All About Recursion,PTC,TCO and STC in JavaScript 译者: Fundebug 为了保证可读性，本文采用意译而非直译。 递归简介 一个过程或函数在其定义或说明中…
JavaScript 专题之跟着 underscore 学节流
节流的原理很简单：
如果你持续触发事件，每隔一段时间，只执行一次事件。
根据首次是否执行以及结束后是否执行，效果有所不同，实现的方式也有所不同。我们用 leading 代表首次是否执行，trailing 代表结束后是否再执行一次。
关于节流的实现，有两种主流的实现方式，一种是使用时间戳，一种是设置定时器。
重新介绍 JavaScript（JS全面系列教程）
JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”，但在它看似简洁的外衣下，还隐藏着强大的语言特性。 Js 目前广泛应用于众多知名应用中，对于网页和移动开发者来说，深入理解 Js尤为重要！
从入门到成为前端高手（上篇）—— Jonathan
主要讲 HTML 和 CSS 的开发接口，以及学习 HTML 和 CSS 的相关资源
异步流程控制
Javascript是单线程运行、支持异步机制的语言。进入正题之前，我们有必要先理解这种运行方式。
以「起床上班」的过程为例，假设有以下几个步骤：
起床（10min）
洗刷（10min）
换衣（5min）
叫车（10min）
上班（15min）
最简单粗暴的执行方式就是按顺序逐步执行，这样从起床到上班共需50分钟，效率较低。如果能在「洗刷」之前先「叫车」，就可以节省10分钟的等车时间。
你需要知道的几类npm依赖包管理
应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。可使用下面的命令来安装： dependencies是一个简单的JSON对象，包含包名与包版本，其中包版本可以是…
JS 判断 IE 版本的另类解决方案
JS检测IE版本之解决方案大杂烩。
前端程序员的必备工具清单（MacOS）
工欲善其事，必先利其器。一套完善的工具可以帮助我们事半功倍。而作为前端程序员的我，也是花了点时间为自己配置了一套工具。如果你也是使用 MacOS 作为你的开发系统的话，那麽你可以看一下这篇文章。
JavaScript 开发规范（一）： 命名与注释规范详解
JS中的命名与注释规范化对于团队协作来说是非常重要的，统一规范化的命名和注释可以使代码更加规范、清晰，对于我们开发和维护都有非常大的帮助。
本文参考了JavaScript 开发规范，并做了补充和修改，同时删去了框架开发相关的内容(侵删)。
八段代码彻底掌握 Promise
1.Promise的立即执行性 var p = new Promise(function(resolve,reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…
JavaScript 设计模式 ① 正确使用面向对象编程的姿势
这样写好了之后 function 是全局的变量，那么是全局的就难免会对项目javascript环境造成污染，可能会对其他同事造成影响，我们首先要考虑会不会影响别人，如果别人重名对你的checkMessage覆盖，那么这样的BUG是很难发现的。为了不造成太多的全局污染，我们可以这…
CSS 技巧（二）：形状
包括自适应椭圆、平行四边形、菱形图片、切角效果、梯形标签页、简单的饼图
JavaScript 高级计时器
用 JavaScript 进行开发的时候，很多情况都需要用到 JavaScript 里面的定时器。
但是你真的了解定时器吗？
这篇文章包括了 JavaScript 中定时器的运行原理，还没有了解过的同学快上车！
前端面试之htm5新特性
今天来谈谈前端面试中基本上每次一面都会被问到的一个问题，那就是html5的新特性了。这个是学习前端必须掌握的基础知识。
移动端图片上传旋转、压缩的解决方案
前言 在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度d的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。 Orientat…
利用 javascript 实现富文本编辑器
不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。
小程序上手指南
这是一门微信小程序入门课程，通过学习本节课程可以使你快速上手小程序开发，在学习这门课之前，需要你先具备基本的前端开发能力，包括html/css/JavaScrip，起码你得会切图，了解js语法。
ES6中异步编程的大杀器 -- Generotor 函数
对 ES6 中 Generotor 函数的一些 常用用法进行的 总结 归纳
JavaScript原型及原型链
深入浅出理解JavaScript原型及原型链
防抖动、节流阀与 rAF
在 web 开发中，经常会对一些事件进行监听处理，从而达到我们需要的一些效果。但是某些事件触发特别频繁，如浏览器窗口的 resize 事件以及页面的滚动事件。如此频繁的事件监听以及处理函数的多次执行，势必会带来性能上不必要的损失和欠佳的用户体验。
因此，今天就初探一下类似问题的解决办法：防抖动（Debounce ）、节流阀（Throttle）和 requestAnimationFrame。
平时自己项目中用到的 CSS
css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 Github: https://github.com/aototo/blog 博客长期更新，喜欢的朋友star一下 outline 移除当选中input元素的时…
最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。
通常用于格式验证、正则替换、查找子串等
各种编程语言的正则表达式基本相同，不同的语言可能会有一些细小的差别
exports、module.exports 和 export、export default 到底是咋回事
前言 难得有空，今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。 阿西吧，头都大了.... 头大完了，那我们坐下先理理他们的使用范围。 require: node 和 es…
JavaScript 初学者必看 “箭头函数”
译者按: 箭头函数看上去只是语法的变动，其实也影响了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 本文…
JavaScript 正则表达式--从入门到精分
全面了解JS正则表达式