模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

本文介绍了四种清除浮动的方法，并尝试解释其原理。在理解了各种清除浮动的原理之后，你会发现，很多清除浮动的方法本质上其实是一样的。掌握这些原理，相信你可以根据场景和需求，灵活运用原则发展出不同的清除浮动的方法，而不再死记或拘泥于文中提到的方法。 在讲清除浮动的方法之前，我们先来了…

最近刚看完电影「无敌破坏王2:大闹互联网」，觉得里面有些动画蛮有意思的，于是想起前不久看的《图解HTTP》和TCP/IP相关的文章。嗯，是时候展示真正的技术了。 如果你还对各类协议归属、作用也都傻傻分不清，那么你有必要详尽了解下TCP/IP。 1. TCP/IP协议族 TCP/…

因为在开发过程中会经常遇到因为浏览器同源策略而导致的跨域问题，而多数开发者对浏览器同源策略和跨域问题并没有很清晰的认识，所以打算在这篇文章中说下浏览器同源策略和我们最经常会遇到的 Ajax 跨域问题及其解决方案。 对于源的定义，MDN 中是这么解释的：如果两个页面的协议、域名和…

只要两个地址其中有一个不相同，那么这两个地址就是不同的源。 不够安全。 支持所有类型的HTTP请求。 不兼容IE10以下。 1、向A域名页面插入一个B域名的iframe标签。 2、然后在B域名的iframe页面中ajax请求同域名的服务器。 3、iframe页面拿到数据后通过p…

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…

避免命名冲突：JavaScript本身是没有命名空间，经常会有命名冲突，模块化就能使模块内的任何形式的命名都不会再和其他模块有冲突。 更好的依赖处理：使用模块化，只需要在模块内部申明好依赖的就行，增加删除都直接修改模块即可，在调用的时候也不用管该模块依赖了哪些其他模块。 模块成…

注意：前方高能预警，请认真仔细看完，阅读完后自己再次画下原型图，相信你一定会有更深刻的认识。(推荐炒鸡好用的画流程图的软件ProcessOn) 每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。 每个对象都有 __…

最近手头上做了一个很大的后台管理项目，前端对复杂数据的处理要求颇高，也确实让自己发现了很多之前被忽视的细节。在此特整理出来，希望不熟悉的朋友们们以后可以绕开我踩的这些坑。本文初衷在于帮助大家梳理一些数组操作上的重点和易错点，希望也能帮助和提醒大家，我会尽可能写的幽默些，加深大家…