旁边那个饭桶

请注意：对React中一些重复的逻辑进行封装并不是封装公共的方法，而是一些组件内部重复的逻辑加以封装，使之可以重复使用。 关于公共hooks的封装，阿里开源的ahook有不少可以使用的hook，当然也有关于对antd使用的hook，可是每个项目的逻辑或许只差一步，就无法使用。所…

现如今前端React生态圈已有不少优秀的懒加载组件，比如react-lazy-load、react-lazy-mount等，但是它们并没有实现一个组件完全的懒加载，当DOM没有出现在视口中时，它们会先渲染出一部分，等到出现在视口中才会渲染要懒加载的目标，大多数基本都是图片懒加载…

都知道，前端性能优化的一条原则是将script标签放在body底部，为什么呢？因为script标签的加载和执行时会阻塞DOM结构渲染的，若是script标签放在头部，加载时间或者执行时间过长，会影响后续DOM的渲染，造成很长时间的页面白屏，前端体验会变得很差。 为了使例子更加直…

前几天看到某位大佬的一篇名为《你们都被VUE惯坏了》的文章，没怎么细读，大概意思就是拿轮播图举例，来告诫各位开发者脱离框架外还是要掌握JS的基础功能，要多了解各种库实现的原理，虽然那篇文章有说到轮播图的一些实现思想，但是要实现一个库，要注意的细节还是很有很多，所以决定写下这一篇…

在我刚学会配置webpack的时候，用webpack打包出来的文件也曾想去读一读看一看，但是自己内心误以为会很难懂，所以直接放弃了，如今在回过头，其实并不难。用我的一句话总结就是：使用nodejs的fs模块来读取文件内容并创造出一个‘路径-代码块’的map，然后写进一个js文件…