前一段时间利用空闲时间学习了一下vue组件的封装，也在工作中进行了实践，将公司常用的一个api抽象成了vue组件，并发布在npm上。之前觉得组件的封装是一件很困难的事情，通过亲身体验之后，发现确实有很多需要注意的地方，但是当自己真正走完了这个过程之后，回头看的时候，其实也不过如…

内容出自《代码整洁之道》、Alex Kondov的博文tao-of-react和《Clean Code of Javascript》 代码整洁有什么用？ 思路清晰，降低bug几率 更容易维护，利于团队

图片懒加载其实就是延迟加载。也就是不用一次性加载所有的图片，等到用户需要某张图片的时候再加载，这样可以避免在同一时间请求大量的数据。也就是当图片滚动到可视区域的时候再去加载图片。 Vue中除了平时常用的v-show、v-bind等指令外，还可以自定义指令。由于自定义指令过于简单…

常常有人问我，如何成为一名初、中、高级前端。并且发现我身边的大多数人知识面并不是很成体系，总会有各种知识漏洞。如果你还不清楚如何才算初级工程师，自己的知识体系有没有漏洞，可以参考这篇我整理的知识点及相应教程。 如果你的知识体系存在漏洞，那么所学的知识就很难融会贯通。初中高级是有…

首先了解跨域的产生前提：浏览器的同源策略。 什么是同源(origin) : 两个页面拥有相同的协议，主机（域名相同，二级域名和主域名也算不同），端口相同，那么认为这两个页面属于同源。 同源策略虽然限制了跨域请求，但其实更细致的说只是限制了跨域的读(read)请求，对于跨域嵌入请…

1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它一些方法，从中提取到import以及export的内容以及相应的路径文件名，来对入口文件内容进行分析，获取…