weixin_42317878的博客

开发环境 采用vite 的后 ，开发启动从原来的20多s 降低到如今的 0.5 s 以内，体验棒棒的，由于各种兼容性问题，生产打包 还是采用webpack ，为了优化性能，可以采用一下措施 首先webapck 升级为 5 首先 安装。webpack-bundle-analyzer 分析打包后的 文件；一 .首先打包速度优化。 1. 打包速度优化 cache: { type: "filesystem", // 使用文件缓存 }, 不再需要 cache-loader。 以及。dl...

hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地缓存。但是在实际使用的时候，这几种hash计算还是有一定区别。 hash 值 ...

一.  为什么要使用sprite （雪碧图） 二. CSS雪碧图原理及应用 三. 生成雪碧图的三种实现方式    一.为什么要使用雪碧图 在开发过程中，我们需要用到很多图标，这些图标的大小不是很大，但是每次需要向服务器发送请求，从而加重服务器的负担，尤其是当网站处于高访问量的情况下或网络不稳定的时候，服务器性能会明显下降。这种情况不符合被广泛遵循的雅虎军规“尽量减少HTTP请求数”的要求...