- 博客(4)
- 收藏
- 关注
RSS订阅原创 vite构建vue3项目如何使用qiankun接入子应用
因为我父子应用都使用了unocss，所以unocss的样式重置机制导致了我父子应用的样式冲突了 所以我多了这行代码。qiankun天然不支持vite，所以在子应用接入的时候需要用到 vite-plugin-qiankun 插件。还需要在子应用的src文件下添加 public-path.js文件，主要是为了处理子应用的静态资源问题。首先使用vue创建两个vue3的项目，一个是主应用，一个是子应用。基础：主应用使用vite构建，子应用也是使用vite构建。父应用相关配置就是这样，没有什么难度，主要注意点，
2025-08-01 14:49:41
854
原创 svg动画 画线动画
本文介绍了为SVG图片添加简单动画的方法。通过CSS3的@keyframes和animation属性，可以实现路径描边和颜色渐变的动画效果。关键点包括：使用stroke-dasharray和stroke-dashoffset创建描边动画，调整fill属性改变填充色，并通过JavaScript的getTotalLength()方法精确计算路径长度。文章提供了完整的SVG代码示例和对应的CSS动画样式，展示了两个路径分别以不同时长和延迟时间循环播放的动画效果。对于更复杂的动画，建议交由专业UI人员完成。
2025-07-08 12:05:02
495
原创 vue3 白屏加载动画处理
这个方式有一个需要注意的点，就是stroke-dasharray：定义虚线模式和stroke-dashoffset：控制虚线起始偏移量，是在不理解可以看看svg动画的文章，这里我就是通过这两个属性实现的svg动画。实现网页白屏加载期间自动插入“自定义”loading动画，页面初次加载时就会显示这个loading动画，通过动效动画解决长时间白屏的问题。可以自定义任何加载动画，网页首次加载时都会显示loading动画。无需任何框架支持和插件依赖！也可以自定义动画，比如svg动画。
2025-07-07 16:21:51
665
原创 vue跨域问题
文章摘要： 该代码配置了一个代理规则，当请求路径匹配/api开头时，将请求转发至目标服务器http://xxxx:xxxx，并允许跨域请求。通过pathRewrite移除路径中的/api前缀，同时禁用WebSocket支持。该配置常用于前端开发中的API请求代理，解决跨域问题并简化请求路径。
2025-07-07 11:42:01
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人