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

mock-stores是一款简单易用的数据mock npm包，可以针对无法拦截ajax请求或者非ajax请求的项目做mock，简单易用仅需三步，便可完成整个过程。优点有：

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

该网站的资源都托管到了github，microjs.com是一个可以让你选择微型的js类库的网站，该网站里的js库都是压缩后不大于5KB的，非常实用

gulp是新一代的前端项目构建工具，你可以使用gulp及其插件对你的项目代码（less,sass）进行编译，还可以压缩你的js和css代码，甚至压缩你的图片，gulp仅有少量的API，所以非常容易学习。 gulp 使用 stream 方式处理内容。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。

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

segmentFault的logo就是一个svg的实例，大家可以在页面上通过鼠标右键，然后点“查看页面信息”，找到媒体，然后找到那张svg格式的logo将其另存为看看：

链接样式的作用范围可以是整个网站。只要使用<link>标签把样式表链接到每个页面，相应的页面就可以使用其中的样式，除了link方法外，还可以使用@import指令

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

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

赞助我以写出更好的文章，give me a cup of coffee? 2017最新最全前端面试题 选择器的分组 CSS选择器分为 {代码...} 子选择器和后代选择器的区别： {代码...} 注意：在IE6中，只支持后代选择器，不支持子选择器 盒子模型 css框模型介绍： 给ul下的li设置宽度，那么他们将平均掉它们所占容器的宽度。div >ul> li&gt...

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

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文件，代码如下：

js类的基本含义 我们知道，在js中，是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性，因此，原型对象是类的核心。 类是对象的抽象，而对象是类的具体实例。类是抽象的，不占用内存，而对象是具体的，占用存储空间。———百度百科 早期的javascript需求都很简单，基本都是写成函数的，然后是面向过程的写...

在现实生活中，相似的对象之间往往都有一些共同的组成特征。类，实际上是对象的设计蓝图或者制作配方。我们能基于相同的类创建出许多不同的对象，这些对象又会含有各自的属性和方法。

赞助我以写出更好的文章，give me a cup of coffee? 2017最新最全前端面试题 今天刚学了css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。 Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间...

触摸屏一种传感器，目前大多是基于电容(Capacitive)来实现的，以前都是直接覆盖在显示屏上的，不过最近出现了 3 种嵌入到显示屏中的技术，第一种是 iPhone 5 的 In-cell，它能减小了 0.5 毫米的厚度，第二种是三星使用的 On-cell 技术，第三种是国内厂商喜欢用的 OGS 全贴合技术，具体细节可以阅读这篇文章。

赞助我以写出更好的文章，give me a cup of coffee? 2017最新最全前端面试题 案例代码1 {代码...} 相对定位具有的属性-1 {代码...} 点击下方result查看demo：[链接] 案例代码2 {代码...} 相对定位具有的属性-2 {代码...} [链接] 以上两点点可以总结出，相对定位总是以父级左上角为原点进行定位的，如果父级不存在，则以...

赞助我以写出更好的文章，give me a cup of coffee? 2017最新最全前端面试题 $.grep() {代码...} 功能：查找满足过滤函数的数组元素： {代码...} $.map() {代码...} 功能：将一个数组中的所有元素转换到另一个数组中。 {代码...} mouseover()/mouserout() 当鼠标进入/离开某个元素或它的后代元素时触发mouseover/mouseou...