![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
codeteenager
让学习成为一种习惯
展开
-
React组件性能优化实践
在上面的代码中,当渲染条件发生变化时,React 内部在做 Virtual DOM 比对时发现,刚刚第一个组件是 AdminHeader,现在第一个组件是 Header,刚刚第二个组件是 Header,现在第二个组件是 Content,组件发生了变化,React 就会卸载 AdminHeader、Header、Content,重新挂载 Header 和 Content,这种挂载和卸载就是没有必要的。频繁的挂载和卸载组件是一项耗性能的操作,为了确保应用程序的性能,应该减少组件挂载和卸载的次数。原创 2023-08-08 23:46:39 · 392 阅读 · 0 评论 -
聊聊JavaScript性能优化!
GC就是垃圾回收机制的简写,当GC工作的时候可以找到内存中的垃圾对象,然后对对象空间进行释放和回收,方便后续代码进行使用。那么GC中的垃圾是什么呢?程序中不再需要使用的对象//当函数调用完后,不再需要使用name${//当函数调用完后,不再需要使用name//当函数调用完后,不再需要使用name程序中不能再访问到的对象//当函数调用完后,外部空间访问不到name了${//当函数调用完后,外部空间访问不到name了//当函数调用完后,外部空间访问不到name了。原创 2023-05-04 23:57:40 · 556 阅读 · 0 评论 -
关于微前端,你想知道的都在这!
微前端官网:https://micro-frontends.org/问题:如何实现多个应用之间的资源共享?之前比较多的处理方式是npm包形式抽离和引用,比如多个应用项目之间,可能有某业务逻辑模块或其他是可复用的,便抽离出来以npm包的形式进行管理和使用。发布效率低下:如果需要迭代npm包内的逻辑业务,需要先发布npm包之后,再每个使用了该npm包的应用都更新一次npm包版本,再各自构建发布一次,过程繁琐。如果涉及到的应用更多的话,花费的人力和精力就更多了。原创 2023-02-22 13:18:40 · 1246 阅读 · 0 评论 -
你不知道的npm
npm解决的核心问题是模块管理问题,npm包含cli脚手架、模块仓库、官网(https://www.npmjs.com/)三大部分。关于npm的相关信息可以查阅:https://docs.npmjs.com/about-npm。原创 2022-11-30 16:29:34 · 2863 阅读 · 0 评论 -
如何建设前端物料平台?
什么是物料?物料(Material) 这个概念在前端领域大家都不陌生,在阿里飞冰中的解释物料即组成一个前端项目的不同单位,根据抽象粒度的不同,我们将物料从小到大分为组件(component)、区块(block)和模板(scaffold)。其实在这里可以理解为前端可复用的组件模块都可理解成物料。为什么要有物料?在企业级前端开发中,我们经常会遇到一些问题,例如:项目中有很多重复的功能,你如何去优化?我想做一个新功能,有没有谁做过类似的功能可以拿来用大家写过的组件各具风格,不好交流针对这种情况我原创 2021-12-14 14:50:39 · 3614 阅读 · 2 评论 -
企业级npm仓库搭建
之前写过一篇前端物料平台的搭建,其中涉及到使用私有npm仓库来管理前端物料,为此写一下企业的npm仓库搭建。那么企业为什么要搭建私有的npm仓库呢,我们平时大部分使用的是npm官方仓库的一些依赖库,但是针对企业级,企业需要开发自己的一些组件库和工具库,这些库需要在组织内部进行管理和共享,不能够上传npm公有仓库中,因此我们需要搭建企业私有仓库来解决这种问题。同时搭建私有仓库,能够提升npm包的安装下载速度和源的稳定性,比如淘宝镜像,本质上也是私有仓库。接下来我们介绍一下常用npm私有仓库框架。原创 2022-09-21 18:05:28 · 1350 阅读 · 0 评论 -
JS基础——JS数据类型
JavaScript数据类型是入门的基础知识点,同时也是最为重要的,我们常常在代码中遇到边界数据类型条件判断问题,只有处理好才能让我们的代码更为严谨。原创 2022-09-11 13:54:26 · 140 阅读 · 0 评论