当前端业务复杂度上升到一定程度的时候，如何提升前端代码质量便成了老生常谈的话题。似乎前端总逃不开改他人代码，重构，修复bug的宿命。那么，我们要如何从项目代码层面，改变这一局面呢？才能保证项目A之于开发者B也是能有条不紊的介入开发，从而最大程度降低人员开销，实现真正降本提效呢？

Hbuild使用hbuild-cli命令行工具，全局注册后可快速生成项目启动套件。你可以使用Hbuild生成一个h5项目，或者vue项目（默认搭配react-router，可自由选择vuex），或者react项目。该套件包含如下特点：

在去年年末参与的一个项目中，项目技术栈使用react+es6+ant-design+webpack+babel，生产环境全量构建将近三分钟，项目业务模块多达数百个，项目依赖数千个，并且该项目协同前后端开发人员较多，提高webpack 构建效率，成为了改善团队开发效率的关键之一。

resume-master 是一个简历生成器项目，该项目从json中读取数据，可部署到github pages 在线浏览，也可生成pdf格式简历。该项目使用Handlebars + LESS + Gulp进行构建，只需在resume.json中填入你的个人信息，然后在终端执行几个命令行即可快速构建属于您的个人简历。

平时项目的开发难免遇到大量的逻辑判断，于是我将一些常用的判断封装成了一个js类库，judge.js是我用业余时间写的一个js判断类库，可以用来判断数据类型（isFunction，isObject,isJson,isArray等），判断浏览器内核，判断移动和PC端浏览器名称，判断用户设备类型（安卓设备，iOS设备等），判断安卓IOS系统版本和做一些存...

框架是一种特殊的、已经实现了的WEB应用，你只需要对它填充具体的业务逻辑。这里框架是起主导作用的，由它来根据具体的应用逻辑来调用你的代码。框架有：knockout等。

如果您觉得文章对您有帮助，可以逐个点击以下链接，类似于Google ads，不需要您付出任何费用，每天都可以来点一次噢，费用将由广告商承担，give me a cup of coffee?

前阵子忙于准备CET-6，没时间更新文章，之后大概一个月将忙于准备期末考，也应该不会更新了，今天趁周末有时间再更新一篇最近研究的一些东西吧。

Underscore.js 没有对原生 JavaScript 对象进行扩展,而是通过调用 _() 方法进行封装，一旦封装完成，原生 JavaScript 对象便成为一个 Underscore 对象。

对于初学backbone.js的同学可以先参考我这篇文章：Backbone.js学习笔记（一） Backbone源码结构 {代码...} JS MVC职责划分 M 模型 {代码...} V 视图 {代码...} C 控制器/分发器 {代码...} 工具库 {代码...} 来源：[链接] Model指的是一条一条的数据，而集合Collection指的是对Model中的多条数据进行管理。 模型 Model 我...

firstChild 相当于 childNodes[0]；lastChild 相当于childNodes[box.childNodes.length - 1]。

内置（Build-in）对象与原生（Naitve）对象的区别在于：前者总是在引擎初始化阶段就被创建好的对象，是后者的一个子集；而后者包括了一些在运行过程中动态创建的对象。

我曾尝试向一个27岁的朋友解释js闭包并且完全失败了。你会如何向一个有概念（例如，函数，变量等）的人解释，来弥补闭包知识，但不理解闭包本身？

异步加载也叫非阻塞模式加载，浏览器在下载js的同时，同时还会执行后续的页面处理。在script标签内，用js创建一个script元素并插入到document中，这种就是异步加载js文件了：

什么是模式 前阵子准备期末考试，挺累也挺忙的，实在闲不得空来更新文章，今天和大家说说javascript中的设计模式。 首先呢，我们需要知道的是：模式是一种可复用的解决方案，而反模式呢就是针对某个问题的不良解决方案。 js反模式常见例子 向setTimeout和setInterval传递字符串，而不是函数，这会触发eval()的内部使用。...

js起初就是为浏览器而设计的，所以能很好的处理unicode编码的字符串，但不能很好的处理二进制数据。这是Node.js的一个问题，因为Node.js旨在网络上发送和接收经常是以二进制格式传输的数据。比如：

键值对在字典中以这样的方式标记：d = {key1 : value1, key2 : value2 }。字典中的键/值对是没有顺序的。如果你想要一个特定的顺序，那么你应该在使用前自己对它们排序。

由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现

加法运算符 如果算术运算的值不是数值，那么js后台会先使用Number()转型函数将其转换为数值： {代码...} 逻辑操作符 逻辑与(&&) 第一个操作数 第二个操作数 结果 true true true true false false false true false false false false 如果两边的操作数有一个操作数不是布尔值的情况下，与运算符就不一定返回布...

图（Graph）是由顶点的有穷非空集合和顶点之间边的集合组成，通常表示为：G(V,E)，其中，G表示一个图，V是图G中顶点的集合，E是图G中边的集合。

通常我们使用第二种方法来进行简单插件开发，而第一种方法是在jQuery命名空间上添加了一个静态方法，并不能让我们选中DOM元素，然后再调用该方法。而第三种并不常用，也较为复杂

昨天开始学Backbone.js，写篇笔记记录一下吧，一直对MVC模式挺好奇的，也对js中MVC的开创鼻祖怀着敬畏之心，唉，不说了，好虚伪，以下是我的学习心得和笔记。

其实这篇文章挺早之前就写了，但是由于sf保存方面的bug，所以当时写了一大堆，结果没保存，觉得这个没写完是个不小的遗憾，今天正好有空，就给补充下了，也正好给我的javascript学习总结做一个完结篇。

Node.js的http服务器 通过使用HTTP模块的低级API，Node.js允许我们创建服务器和客户端。刚开始学node的时候，我们都会遇到如下代码： {代码...} 这段代码的包括了http模块的信息，意思是： {代码...} Http头 对于每个HTTP请求和响应，都会发送HTTP头，HTTP头发送的是附加的信息，包括内容类型、服务器发送响应的日期以及...

代码复用，顾名思义就是对曾经编写过的代码的一部分甚至全部重新加以利用，从而构建新的程序。在谈及代码复用的时候，我们首先可以想到的是继承性。代码复用的原则是：

JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展 在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。 js函数基础部分：JavaScript学习总结（四）function函数部分 创建函数的语法 命名函数表达式 {代码...} 可见，他们引用的是同一函数...

jQuery整体框架甚是复杂，也不易读懂，这几日一直在研究这个笨重而强大的框架。jQuery的总体架构可以分为：入口模块、底层模块和功能模块。这里，我们以jquery-1.7.1为例进行分析。

二叉树（Binary Tree）是n（n>=0）个结点的有限集合，该集合或者为空集（空二叉树），或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树的二叉树组成。

前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了...

Node.js 提供了exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。接下来我们就来创建hello.js文件，代码如下：