- 博客(6)
- 收藏
- 关注
RSS订阅原创 基于vue和vite，自定义封装和发布到npm库
在实际开发中，团队需要频繁实现一些基础功能，如权限校验、主题切换、动态样式绑定等。为了解决重复开发的问题，可以封装一套自定义指令库，并发布到团队 npm 仓库供大家使用。支持 ESM 和 CommonJS 双模式。采用 Vite 和 rollup 打包。
2025-05-14 17:25:49
382
原创 vue3基于文件结构，动态实现路由的生成
在 Vue 3 项目中，通过文件目录结构自动生成路由配置，可以大大简化项目的路由管理，尤其是当项目模块非常多时。这种做法让路由的管理更加灵活、可扩展，减少了重复的手动配置，同时也增强了代码的可维护性。下面是一个demo。：随着项目的不断增长，新增的模块和路由可以通过约定的目录结构自动加载，扩展非常方便。：通过文件目录结构，自动化地推导出路由配置，减少了重复配置的繁琐工作。：利用 Vue Router 的懒加载特性，按需加载路由，提高应用性能。：路由与模块功能分开管理，每个模块都可以独立维护自己的路由配置。
2025-05-12 16:06:51
282
原创 demo-实现视频播放加水印（自定义v-watermk指令）
监听视频全屏时，拿到视频标签元素 和 水印标签元素，然后把 水印标签元素append到视频标签元素里面去就可以显示水印了。通过 CSS、Canvas 或 SVG 绘制水印，将其以 absolute 或 fixed 的方式覆盖在页面上。可以动态调整位置、透明度和大小。：需要兼容不同的播放器（如原生 video 标签或第三方播放器库）。：确保水印无法轻松被去除，比如通过屏幕录制等方式窃取无水印视频。：特别是在高分辨率视频中，水印的渲染可能对性能产生较大影响。：水印需要随着视频播放实时渲染，确保同步性。
2025-05-07 12:05:39
210
原创 从0到1搭建一个项目（基于Vue3 Vite4手搭）
大家根据个人习惯选择安装这些依赖。基本内容搭建完成后，因为浏览器是不能识别Vue，TS，Sass这些语言的，还需要Vite将它们转变成浏览器可以识别的语言：Html，CSS，JS。
2025-04-21 18:03:40
732
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人