- 博客(10)
- 收藏
- 关注
原创 使用 vite配置项 rollupOptions.output.manualChunks 以及插件 vite-plugin-compression 优化打包以及包体积大小
本文介绍了优化前端应用打包体积的两种关键方法:1)通过Rollup的manualChunks配置实现代码分割,将第三方库和业务代码拆分为独立模块;2)使用vite-plugin-compression插件进行静态资源压缩。这两种技术结合可以显著减少初始加载时间,提升用户体验,特别适用于大型应用。文章还提供了详细的配置示例,并预告后续将探讨CDN加速等进阶优化策略。
2025-11-18 11:21:13
313
原创 IntersectionObserver API 基本使用
IntersectionObserver API 交叉观察器,主要用于设置一个root元素,以及需要观察的元素,当root元素与需要观察的元素重叠时,将会触发观察器的回调函数。回调函数entries、observer,entries是一个监听元素的数组,这意味着可以监听多个元素。通过 IntersectionObserve 创造一个观察器。
2025-11-13 11:23:23
137
原创 JavaScript数组方法之reduce
为数组中每个元素执行的函数。其返回值将作为下一次调用。在数组中的索引位置。在第一次调用时,如果指定了。在第一次调用时,如果指定了。对于最后一次调用,返回值将作为。在第一次调用时,如果指定了。则为指定的值,否则为。
2024-11-17 17:10:09
266
原创 全局安装nodemon
nodemon是一个帮助开发基于Node.js的应用程序的工具,当检测到目录中的文件更改时,它会自动重新启动节点应用程序。如安装失败可以更换npm镜像为淘宝镜像等。
2024-11-15 17:15:06
674
原创 手写防抖动函数
通过鼠标在盒子上移动,里面的数字自增,并且不让它执行多次:单位时间内,频繁触发事件,只执行最后一次:内嵌函数可以访问定义在外层函数的所有变量和函数,并包括器外层函数能访问的所有变量和函数。
2023-06-01 16:18:41
246
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅