自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 TypeScript泛型自定义

泛型为类型提供变量。一个常见的例子是数组。没有泛型的数组可以包含任何内容。带有泛型的数组可以描述数组包含的值。

2025-11-13 10:25:50 180

原创 @property自定义css属性

用于动画时,只有改变属性的属性值才会变化,所以单单改变var的值不会有动画效果。

2025-07-20 19:10:21 113

原创 使用lottie动画(第三方库lottie-web)

【代码】使用lottie动画(第三方库lottie-web)

2024-12-30 15:56:06 652

原创 JavaScript数组方法之reduce

为数组中每个元素执行的函数。其返回值将作为下一次调用。在数组中的索引位置。在第一次调用时,如果指定了。在第一次调用时,如果指定了。对于最后一次调用,返回值将作为。在第一次调用时,如果指定了。则为指定的值,否则为。

2024-11-17 17:10:09 266

原创 全局安装nodemon

nodemon是一个帮助开发基于Node.js的应用程序的工具,当检测到目录中的文件更改时,它会自动重新启动节点应用程序。如安装失败可以更换npm镜像为淘宝镜像等。

2024-11-15 17:15:06 674

原创 uniapp使用z-paging组件关于v-slot在微信小程打包失败的解决方法

总结就是h5使用v-slot,微信小程序使用slot。

2024-05-30 19:24:53 343 1

原创 node.js设置相对路径别名(记录)

【代码】node.js设置相对路径别名。

2023-10-17 11:22:57 672 1

原创 手写防抖动函数

通过鼠标在盒子上移动,里面的数字自增,并且不让它执行多次:单位时间内,频繁触发事件,只执行最后一次:内嵌函数可以访问定义在外层函数的所有变量和函数,并包括器外层函数能访问的所有变量和函数。

2023-06-01 16:18:41 246 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除