- 博客(5)
- 收藏
- 关注
RSS订阅原创 VUEX和pinia
4. actions 也是可以操作数据，但是不能直接修改state操作数据 它调用mutations中的方法来操作的数据actions中的方法是异步的 mutations中的方法是同步的在组件中异步修改数据：在组件中通过dispatch调用actions中的方法，在actions中调用mutations中的方法，在mutations中可以直接操作state中的数据在组件中 this.$store.dispatch("模块名/方法名",参数)vuex中。那么这个数据就应该存放在该组件的 data 属性中。
2023-12-26 16:48:49
855
1
原创 NProgress进度条
写在axios的请求拦截器和响应拦截器里比较好，因为切换路由一般都会触发页面的created()事件发起axios请求。1. ease：调整动画设置，ease可传递CSS3缓冲动画字符串（如ease、linear、ease-in、ease-out、ease-in-out、cubic-bezier）。1. 百分比：通过设置progress的百分比，调用 .set(n)来控制进度，其中n的取值范围为0-1。写在axios的请求拦截器和响应拦截器里，每次只要触发axios请求就加载进度条。
2023-12-26 16:43:44
389
1
原创 vue项目中引入svg图标
如果按照步骤全部完成不生效进行重启项目 或刷新页面可能svg的图片有些是白色的 会和页面默认白色背景冲突 可换背景色进行查看使用格式`<svg-icon icon-class="文件名"/>`。这里的文件名就是在src/icons/svg下的文件名如果还有需要其他 从官网下载直接放到icons/svg目录就可以啦。2. https://icomoon.io/app/#/select 国外的一家网站 IcoMoon。1. https://www.iconfont.cn/ 阿里巴巴。
2023-12-05 15:03:21
476
原创 事件循环和防抖节流
事件循环机制包括两个重要的概念：宏任务和微任务。宏任务包括setTimeout、setInterval操作等，而微任务包括Promise、async/await等。在事件循环的执行过程中，微任务会优先于宏任务执行。需要注意的是，事件循环机制是针对特定的编程语言或环境而言的，不同的语言或环境可能有不同的实现方式和细节。防抖（debounce）的作用是在事件触发后延迟一段时间执行函数，如果在延迟期间内再次触发事件，则重新计时。防抖的目的是避免事件被误触发多次，节省资源。
2023-11-06 19:02:49
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人