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

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

在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项目中，表现出了非常好的...

也曾经动过报名补习班的念头，打听了一下之后发现3000+上五天课，感觉自己可能并不需要，于是决定自己复习，也看看自己有没有这个决心和毅力。毕竟有过从二本考到211学校研究生的经历，还是坚信只要肯付出，就能有收获。

最近一段时间一直在思考如何将技术分享和内部培训利用起来，帮忙团队小伙伴们尽快提升工作中需要的技术。突然想到其实一次精心准备的技术分享，也算是一个小小的项目了。

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

作为一个前端专业的人来说，对于事务的理解，一直停留在“要么都成功，要么都不成功”的小白阶段。既然自己将2018年定义为”深入理解“的一年，那么就从深入理解事务开始吧。

其实所谓“项目干系人”，英文称作“Project Stakeholder”，翻译成利益相关者，对其含义就一目了然了。再借用人们常说的一句“与你脱不了干系”，就能明白“干系人”是责任相关者，由此我们就可以引申出“项目干系人”的概念：

于做技术研发的人来说，很少有机会从事严格、规范、较大规模的项目采购和合同管理工作，而且人们依靠平时的直觉和经验积累起来的采购和合同知识，很有可能是错误的。笔者就因此踩过一个大坑，直到学习了采购管理，才恍然大悟。

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

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

上周对目前开发的外卖聚合服务进行了一周的负载及压力测试，收获了一些经验，也积攒了一些教训，和团队中的小伙伴们一起对一款互联网产品上线前的压力测试有了系统的了解与实践，在这里分享一下心得，也借此感谢小伙伴们跟我一起破了连续加班9天的最长记录，如果“有幸”被领导看到，记得给我们加个鸡腿儿，哈哈。既然要求...

经历了一段繁忙的工作期，还有2天就要过年了。在这里总结一下最新开发微信小程序的心得和体会，算是一个总结，也算温故而知新，如果还能对读者有所帮助，那就更好了。

今天小微开店宝在测试环境发布更新的时候，同事问：“为什么我需要手动清理浏览器缓存才能看到变更？难道系统上线后也需要客户自己清理浏览器缓存吗！”看来，这个坑需要我来填了。

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

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

当被设置元素为块状元素时用text-align：center就不起作用了，这时也分两种情况： 定宽块状元素 和 不定宽块状元素 。我们先来讲一讲定宽块状元素。 满足 定宽和块状 两个条件的元素是可以通过设置左右margin值为auto来实现居中的。

为什么要清除浮动？ 虽说是清除浮动，其实是清除浮动产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。 清除浮动的方法： 父级div定义height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定...

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

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

以前我们要实现对话气泡效果很麻烦，基本上是用切图的方法。现在有了CSS3就变得简单多了。一个HTML元素，一些CSS3代码，不需要图片，也不需要JavaScript。如下图：

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

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

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