什么是装饰者模式 今天我们来讲另外一个非常实用的设计模式：装饰者模式。这个名字听上去有些莫名其妙，不着急，我们先来记住它的一个别名：包装器模式。 我们记着这两个名字来开始今天的文章。 首先还是上《设计模式》一书中的经典定义： 动态地给一个对象添加一些额外的职责。 就增加功能来说，装饰者模式相比生成子类...

做前端开发已经好几年了，对设计模式一直没有深入学习总结过。随着架构相关的工作越来越多，越来越能感觉到设计模式成为了我前进道路上的一个阻碍。所以从今天开始深入学习和总结经典的设计模式以及面向对象的几大原则。

在Vue和Vuex的源码中，作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢？在SegmentFault和Stack Overflow等开发者社区中也有很多人展开了讨论，在这里总结成文，温故知新。

从几年前流行的jQuery插件，到现在React和Vue的组件，在业务需求的开发中抽象通用出通用的模块，一直都是一个对个人技术提高非常有帮助的事情。本文从一个真实业务组件的开发，来介绍封装一个组件应该如何从哪些方面去思考，以及在使用框架开发的今天，核心基础知识的重要性。

最近一直在思考如何通过文章或者培训快速提升团队的编码能力，总结下来其实技术的学习分为两类：一种是系统性的学习，比如学习一门语言，学习一个开发框架，这更需要自己从入门到进阶再到实践一步步系统性的学习，单靠几篇文章或者几次培训，效果并不明显；还有一种是技巧性的学习，比如某些编程实践、设计原则，其实并...

本文是对React官网《Thinking in React》一文的翻译，通过这篇文章，React团队向开发者们介绍了应该如果去构思一个web应用，为今后使用React进行web app的构建，打下基础。 以下是正文。在我们团队看来，React是使用JavaScript构建大型、快速的Web apps的首选方式。它已经在Facebook和Instagram项目中，表现出了非常好的...

今天在回顾JavaScript进阶用法的时候，发现一个有趣的问题，话不多说，先上代码： {代码...} 看到这三行代码，也许你会不耐烦道：又要讲闭包？要吐了好么？别急，让我们先来思考一下，这段代码在浏览器中的执行结果是什么？ 甲：顺序打印0到9？ 乙：这题我见过，打印十个10！ 哪个答案正确？我们继续上图： 执行结果显示...

闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念，即使新手也可以轻松参透闭包的含义。 其实只要理解了核心概念，闭包并不是那么的难于理解。但是，网上充斥了太多学术性的文章，对于新手来说，看完这些文章可能会更加一头雾水。 这篇文章面向的是使用主流开发语言的程序员，如果你能读懂下面这...

以下是各种前端职称的列表和说明。最常被大家称呼的两个职位名称是前端开发者或者前端工程师。请记住，只要是称呼中包含前端、client-side、web UI、HTML、CSS或者JavaScript两个字的称呼，一般都说明这个人掌握了一定程度的HTML、CSS、DOM和JavaScript方面的专业知识。

本系列为《JavaScript设计模式与开发实践》（作者：曾探）学习总结，如想深入了解，请支持作者原版 策略模式 策略模式的定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。 举个形象的例子，使用策略模式计算奖金。 业务需求： 绩效为S的人年终奖有4倍工资 绩效为A的人年终奖有3倍工资 绩效为B的...

单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如登录窗口，这个窗口是唯一的，无论我们点击多少次登录按钮，这个窗口只会被创建一次，那么这个窗口就适合用单例模式来创建。

一切皆为模块：SeaJS中的模块概念有点类似于面向对象中的类--模块可以拥有数据和方法，数据和方法可以定义为公共或私有，公共数据和方法可以供别的模块调用。

现在前端页面效果日益丰富，默认的input组件样式显然已经不能满足需求。趁着这次开发的页面中有这方面的需求，在这里整理一下修改radio、checkbox、select的方法。

和其他语言不同，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。

bind对于早期版本，.bind()方法用于直接附加一个事件处理程序到元素上。处理程序附加到jQuery对象中当前选中的元素，所以，在.bind()绑定事件的时候，这些元素必须已经存在。

gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且能帮我们完成前端开发过程中的很多重复的任务，使用它，可以大大提高我们的开发效率。