在几年前，天空一声巨响,ajax 闪亮登场. 前端宝宝们如获至宝~ 已经表单提交神马的, 真的太 心累了. 有了ajax之后, 网页的性能可大幅提升，告别刷新，告别如水的流量. 不过，长江后浪推前浪，一代更比一代强. 由于ajax被同域限制着, 导致, 多服务器配置，云服务资源的存储 没办法充分利用. 所以,业界想到另外一种方法--JS...

现在, 时间就是金钱. 不像以前浏览一个网页就是一个奢侈品. 如今, 网速越来越快， 下个2GB的东西, 1分钟就好了. 那, 我现在网速很慢，应该怎么提高的我的网速呢？提升网速的不二法门就是... 买宽带~ 233333~ 当然，这只是, 给用户的建议。 对于, 我们程序员来说, 花钱就是最痛苦的事. 这里, 我们需要用我们自己的双手去...

其实域名也是一样，分分合合， 不管是域名收敛还是域名发散，都有着自己独特的应用场景。目前, 在web's top 30,000 URLS 里面， 平均每个域名承担了50个资源的请求，所以，域名的扩散其实是个很重要的手段.现在大部分website都推崇这域名的发散这是为什么呢?为什么呢?为什么呢?

这当然不能怪你，确实是网速慢，但另外一方面是，如果网速已经很慢了，而你的网页加载效率又太低~ 造成的结果就是:go die~一个网页白屏时间是由下面几部分决定的所以，网页的优化就可以从上述几个部分开始. 这里我们要提及的就是DNS 优化, 即，域名收敛.

是个屁呀~ js 才是最好的语言~23333开玩笑的~ 本宝宝是一个前端，要是说PHP 好, 那我现在就不写js了。其实, 在网页里使用相对路径或是绝对路径，两者是需要有context的， 就像 php 能用来写前端吗？ 但我们js 就可以写后台~ 23333 这也算是一个差异吧.在正式撕逼之前，我想给大家两个demo看看

首先郑重声明:nodeJS 是一门单线程!异步!非阻塞语言!nodeJS 是一门单线程!异步!非阻塞语言!nodeJS 是一门单线程!异步!非阻塞语言!

net模块其实是对TCP协议的一层封装。 在前端，我们经常打交道的无非是HTTP/HTTPS 协议。他们只是高层的通信协议(单向)，主要应对的是网络不稳定的情况，当客户端请求数据时，服务器便返回相应的信息即可，当完成数据交流之后，便会自动断开连接。当然，HTTP也只是对TCP的一层封装而已。在nodeJS 里面我们可以实现底层TCP...

在正文之前，我想问大家一个问题:问:亲，你有基础吗？答: 有啊，你说前端吗？ 不就是HTML,JS,CSS 吗? so easy~问: oh-my-zsh... 好吧，那问题来了，挖掘机技术哪家强... 开玩笑。 现在才是问题的正内容。

某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱网站是否还在使用iframe，查查知乎iframe. iframe不死...

亲，如果你还在为你没网打开不网页而烦恼吗？亲，你还在为你web服务器复杂的配置项而蛋疼吗？不要998，manifest抱回家~manifest自H5横空出世以来给前端网页的浏览带来了翻天覆地的变化，以前我们的网页必须在有网的前提下打开(主要还是打开HTML), 但是现在，我们可以offline 浏览。 可以算是实现web app的一个特技。mani...

其实缓存就像办健身卡，我第一次花了699办了一年的卡之后，接下来的一年我都可以免费锻炼。 在web 中， 我们交的不是钱，而是空间，我们耗费一定的空间之后，能够获得网页打开速度质的飞跃。 当我们第一次访问一个页面时，我们需要交纳一定的空间， 将下载的css,js,html已经img等相关资源保存在本地。 在第二次，第三次...

如果答案是 yes. 那么，bingo, 这里我们将深入讲解，这样写代码到底有没有IQ。 如果答案是 No. 那么，2333333, 你也可以看一下。 万一哪天用上了呢？可能会有童鞋反问，那么，我改怎么写呢？没错，这里就是说的就是这个。 使用过jquery的童鞋，应该知道有一个叫做ready的方法.即:

本文采用问答模式,目的是深入HTML内部，去学习一些我们不经常关注，但却实实在在存在的problem. 文章内容略显装逼，如果大家受不了，请带好护目镜。

优化DOM的本质其实就是减少DOM树的重流与重绘。对于重流和重绘的理解，详见《前端知识普及之HTML》优化DOM的结构，无非就是引用保存，动画优化，节点保存，更新节点等基本操作。曾记得，以前在网上翻阅HTML的时候，很多人都会不约而同(儿童)的说道，获取到DOM节点后一定要记得保存。否则，下场很难看的。为什么~为什么~...

在js引擎部分，我们可以了解到，当渲染引擎解析到script标签时，会将控制权给JS引擎，如果script加载的是外部资源，则需要等待下载完后才能执行。 所以，在这里，我们可以对其进行很多优化工作。

前面两篇已经把，js测试的模式，框架，断言库基本介绍了一遍。这里，我们要上升到整体测试架构上来.首先，单元测试的对象是模块，这里我们就要将自己测试目标调整到对模块测试上来。所以，这里我们需要使用CommonJS或者es6的模块的写法了。另外需要了解,mocha框架测试的一些基本原理。 通过建立清晰的工程目录，才能让你...

我第一次见到makefile的时候，是在看js测试的那一块。简直，一开始跟风，觉得makefile这么牛逼，我也想看看。 首先，看了陈老师的跟我一起学习Makefile. 打开了第一章之后，后面就没有勇气再打开下去了。 后来了解了一下makefile原来是C语言作为工程化处理的一个必杀技。然后就迁移到其他平台上了，但是对于我们这种，对...

前一篇文章，我们已经简单的阐述了BDD,TDD以及mocha测试框架,chai断言库. 这里我们将进一步深入，比较全部的了解测试的API。前文，我们已经知道了，BDD本身可以比拟为文章的骨架，而chai断言库就是骨架里面的血管和肌肉(脂肪). 两者结合才能写出一片完美的测试文章。 这里，我们先看一下脂肪是怎么炼成的。

有一定水平的js童鞋，应该会经常看到一些书上，在介绍项目的时候，会不由自主说道测试。 比如，单元测试，函数测试，或是TDD,BDD等测试模式。没错，这也是我们需要进行掌握的。 当然，如果你的项目仅仅是写的几个demo，而去写测试的话，这样会有点浪费时间，但是本人非常鼓励这样做，因为你在测试时，会发现自己的代码覆...

前端的进阶其实和如何使用规范是完全相关的。 {代码...} 总结起来整个流程就是：无规范 -> 有规范 -> 无规范。 所以，这里我们来谈一谈规范在前端的意义吧。由于，本人纯属小白，所以，咱不装逼，我们谈谈有规范的那一块。%>_<% 其实前端规范，就这几个，命名，分隔符，缩进等。 分号 这个应该算是我们最常...

其实git除了版本控制，另外一个最突出的特点就是他的分支操作。简直 丝滑~.git也是多人协作的必备武器。 通常我们正常情况下只需要master 和 develop分支就够了。 这里我们先以这两条分支作为基准，进行一系列的操作。

他会在当前的文件夹下创建一个.git文件，但是如果你没有把该目录下的文件和远程仓库关联的话，这样做并没有什么卵用。所以，这就需要我们时候用git remote命令来关联仓库。当你使用git init之后，使用git o,查看你当前仓库的远端名(比如,origin). 正常情况下应该是没有的。

版本管理工具应该是每个程序员必备的。 我接触git有一年多的时间了，在期间也踩过无数的坑，做过无数的傻事。 同时，也有一些的小朋友经常问我一些基本的git使用方法，而市面上一些git教程要么不是太精细了，要么就是片断的知识，难以形成完整的知识体系。 我这里知识做一个基本的入门讲解，后续会跟上写一些进阶。 如有...

幻灯片学名又叫 轮播。应该算是一种最常用的页面展示信息。以前由于ie6/7的拖累，导致我们只能使用，很古老的方式去兼容。(我最爱的css3啊~~~)。不过今年真的是前端的幸福年，各种 polyfill 和 shim，而且现在各大公司已经对ie6/7不予理睬，直接给他一个提醒页面(老子让你用ie6/7)。而且IE的爸爸，ms已经表态了，我当初...

以前看了许许多多的正则教程，收货并不多，往往都是蜻蜓点水，一点就过。事实上，正则用处真的超级大，比如匹配innerHTML的内容，以及表单验证，也是非他莫属。这里，我结合js，对正则进行一个简单的介绍吧。 如有纰漏欢迎指出，希望大家多多包涵。

瀑布流也应该算是流行几年了吧。首先是由Pinterest掀起的浪潮，然后国内设计如雨后春笋般，冒出很多瀑布流的例子，比如，蘑菇街，Mark之(不过最近涉黄，好像被喝茶了),还有淘宝的 “哇哦”. 这些都是很棒的例子， 今天我想重新谈起瀑布流，一是想满足我自己的愿望，写一个详细的介绍(不敢自名为教程),二是，给大家一份参考...

js的设计模式是针对于整体代码的设计是否合理，给出了一些具体的解决办法。 而重构代码就是依赖于设计模式而实现的一个必要手段，可以说设计模式就是重构代码的目标，但他的手段却不仅仅只有设计模式这些大而全的，同样存在小而精，我们随处可以使用的。

开放-封闭原则应该算是这几个原则里面最容易理解的一个。它的宗旨就是:如果你想扩展或者改变一个程序的功能，可以增加代码，但是不能改变程序的源码。如果，是对于那些码农来说，最快捷的办法就是改变源码，但是我们面向的是更复杂的项目，我们的目的不是当码农，而是要做一名代码艺术家，想完成一件艺术品一样去完成我...

最少知识原则的终极目标的是实现完全傻瓜式的程序。 举个例子吧， 就比如 美图神器， 你上传一张凤姐的照片后，你可以选择 自然磨皮，高度磨皮 -> 瘦脸，瘦腿模式 -> 美瞳-> 手动丰胸等等。 当然， 你也可以直接使用一键美化，瞬间angelababy. 你完全不用关心，这些软件是怎样实现这些功能的，让你变美变美变的...

在设计模式中，有着几条视为黄金原则，设计模式都是围绕黄金原则，对代码或者说是架构设计做出一些相应的调整，久而久之，GoF 4人组，发现其实有些设计思想可以称为模式，能实现代码复用的好处，从而设计模式出世。其实，这些模式的基石就是黄金原则，所以，接下来会对这些原则进行详细的解析。今天说一下，单一职责原则。