![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 88
木_林_森
学无止境,一直在路上
展开
-
webpack 打包速度以及 bundle 优化
开发环境 采用vite 的后 ,开发启动从原来的20多s 降低到如今的 0.5 s 以内,体验棒棒的,由于各种兼容性问题,生产打包 还是采用webpack ,为了优化性能,可以采用一下措施首先webapck 升级为 5 首先 安装。webpack-bundle-analyzer 分析打包后的 文件;一 .首先打包速度优化。1. 打包速度优化 cache: { type: "filesystem", // 使用文件缓存 }, 不再需要 cache-loader。 以及。dl...原创 2021-12-05 18:28:55 · 852 阅读 · 0 评论 -
React Fiber 机制
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言React Fiber 机制是16版本性能重大提升的关键,也是react 面试的核心问题;一、React 的工作流程React渲染页面的两个阶段调和阶段(reconciliation):在这个阶段 React 会更新数据生成新的 Virtual DOM,然后通过Diff算法,快速找出需要更...原创 2021-12-04 17:05:07 · 548 阅读 · 0 评论 -
点击导航栏目,如何在页面内部跳转
在普通的html文档中 ,页面内部的锚点跳转,我们通常使用 a 标签<a href='#锚点Id'> </a>,同时在需要跳转到的位置 ,要设置一个锚点(很形象的理解,渔船出海要停船了,防止漂走,首先要抛锚),怎么设置锚点,对应的元素 id="锚点id",如法一 <!DOCTYPE html><html lang="zh-en"><h原创 2018-06-24 22:01:34 · 27099 阅读 · 0 评论 -
一键生成sprite(雪碧图)以及 动态加载1X &2X&3X 图片
一. 为什么要使用sprite (雪碧图)二. CSS雪碧图原理及应用三. 生成雪碧图的三种实现方式 一.为什么要使用雪碧图在开发过程中,我们需要用到很多图标,这些图标的大小不是很大,但是每次需要向服务器发送请求,从而加重服务器的负担,尤其是当网站处于高访问量的情况下或网络不稳定的时候,服务器性能会明显下降。这种情况不符合被广泛遵循的雅虎军规“尽量减少HTTP请求数”的要求...原创 2018-11-20 14:36:49 · 4939 阅读 · 2 评论