Vue-Occupy是一个vue指令，能够在数据被加载之前使用一个可配置的色块进行占位，能够有效提升用户体验。 这样，vue-occupy已经被注册为一个全局的指令，你可以在任意.vue文件里面通过v-occupy使用。 在fetch方法返回数据之前，<div v-occupy…

今天突然想到一个问题，let的块级作用域，以及闭包的变量引用功能很有意思（这脑洞咋联想到一起的，囧）。。闭包的使用会影响浏览器的GC过程。那么： 由于是异步调用打印函数，所以等调用这个函数时，循环已经结束，i变成了6,所以连着打印5个6。 这种情况下直接通过let, 实际上给每…

下一代打包工具，这是rollup对自己的定位。如今的前端领域，构建工具并不缺少，每个前端工程师都用过或者听过webpack。可以看到的是像React、Vue等框架的构建工具使用的都是rollup。既然如此，这些框架为什么会选择rollup？它的特性是什么？面对不同场景，我们要怎…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

过往一些不足的地方，通过博客，好好总结一下。 一些通用的js库或者是css样式库，如jQuery，在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候，很有可能他已经通过你网站使用的CDN访问过了其他的某一个网站，恰巧这个网站同样也使用了jQuery，那么此时用户浏…

webpack启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则，对Module进行转换后，再解析出当前的Module依赖的Module.这些模块会以Entry…

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

切换到仓库的第一个commit，自己运行运行，尝试着去看一看代码，自己先理解理解，断点调试调试。然后再来看这篇文章代码中写的注释，遇到不太理解的再来看看这篇文章，看看是不是能够更易于理解些。代码真的已经简化到不能再简化，总计才150行左右，仔细看你一定能理解。第一个commit…

虽然一直在用 Chrome DevTools，但大多停留在常用的功能和调试上，比如 Elements/Network/Sources/Console 等主要功能。该系列文章基于最新版的 Mac Chrome 完成，主要介绍 Network/Timeline/Profiles 三个方面的内容。