Mahut

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

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

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

现代的浏览器进程包括：浏览器进程、网络进程、渲染进程以及GPU进程和插件进程。为了理解URL到页面渲染发生了什么，你必须理解并记住前三个进程。 浏览器进程负责界面显示、和用户交互、子进程管理、存储功能等。 网络进程负责页面的网络资源的加载。 渲染进程负责将HTML、CSS、JS…

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

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

我们在日常开发中经常用到async await去请求接口，解决异步。可async await语法的缺点就是若await后的Promise抛出错误不能捕获，整段代码区就会卡住。从而使下面的逻辑不能顺利执行。也许会有人说，卡住就是为了不进行后续的代码，以免造成更大的错误，可大多数情…

“两周内给我建一个用户认证系统”是现在研发团队中常见的一句话。由于种种原因，这个任务一直是留给团队中的一个开发人员去解决的。 一方面，你确实不想浪费很多时间。另一方面，你担心这种信息可能最好由自己内部编写的服务来处理，以便以后更好的扩展。 随着网络上出现新的教程（是一个很好的开…

我们渲染列表的时候，都知道要用数据的id值作为key，避免潜在的问题。但是总有一些情况，我们就是拿不到合适的key值，那么这种情况该怎么办呢？ 对于第1种方案，在 《什么情况下Vue使用index作为key会出问题》这篇文章中有过分析，简单来说就是如果你要对这个列表进行增删的操…