- 博客(21)
- 收藏
- 关注
原创 Pinia踩坑篇:pinia-plugin-persist与pinia-plugin-persistedstate
目前我的配置是Vue3+TS+Pinia,个人建议是使用pinia-plugin-persistedstate插件,因为如果使用pinia-plugin-persist插件的话会出现关于类型的问题,也就是TS最蛋疼的红线问题,而pinia-plugin-persistedstate插件会自动帮你解决类型问题。
2024-03-21 16:47:09
1464
原创 Pinia踩坑篇:Pinia本地存储无效
后来发现了,是因为多个createPinia()冲突了,因为是按教程来的,复制粘贴就没注意,大意了,没有闪。今天写项目时遇见了个问题,就是Pinia本地存储一直无效。
2024-03-21 16:40:48
506
原创 大白话说防抖和节流
最近写项目时写了个跳转顶部按钮,想着用防抖做做优化。怎么个优化法呢,我们正常来说跳转顶部按钮你得做检测,检测页面滑动到一定高度时显示或者隐藏跳转顶部的按钮等等这个时候会发现,滑动一下直接就蹦出10条来了,哦吼,这不妥妥的浪费性能吗,要是多弄两下,稍微卡一点的电脑可能直接鼠标直接就螺旋爆炸了- -,这个时候用户就得去厨房给你拿钱了(美刀,还是人民匕),极差的用户体验自然不行,那怎么避免这个问题呢。
2023-07-25 20:55:03
145
原创 Vue踩坑日记:ElementUI中el-form表单组件与data里面双向绑定的表单失去联系的问题
el-form表单组件中的input是可以绑定表单中属性的,但是今天突然之间出现了如同标题上的问题。场景:本来想把一个对象传入到父组件,但是传过去后没反应,打印了一下发现对象内的东西是空的,打开vue-devtools(一个浏览器对于vue的插件)仔细看了下好像也没问题,在input框中输入相应的数据值也改变了,但是到了最后发现还是为空。...
2023-07-21 11:56:08
772
原创 关于在uniapp中安装sass版本问题(vue-cli命令行创建版)
关于在uniapp中安装sass版本问题(vue-cli命令行创建版) sass版本问题 node-sass与sass-loader
2023-07-06 16:26:59
2671
4
原创 ElementUI按需引入以及message、messageBox等按需引入的坑(不需要安装插件版)
ElementUI按需引入以及message、messageBox等按需引入的坑
2022-11-27 23:46:33
2587
2
原创 vue+element锚点跳转+自动感应导航栏
最近来个需求,要做一个页面,每个模块都是百分百全屏且右侧有个导航栏能自动感应在哪个模块,点击也能直接跳转到该锚点。其实难点也就那几个,慢慢捋一下就好。1、锚点跳转且点击哪个会模块右侧导航栏就会高亮...
2022-04-14 12:13:36
2620
原创 Git踩坑日记:git push 上传失败报错:Your push would publish a private email address.
关于git上传时Your push would publish a private email address.的报错解决方法
2021-12-13 16:38:49
1576
1
原创 React踩坑日记:React-devtools安装包及安装方法最简单方法
前言:每次安装或者更新React-devtools太麻烦?不用担心,接下来让你3分钟内(还是要看你快不快(呃…就是你想的那样))直接安装完成React-devtools工具!!(注意:这是一篇老少皆宜的文章,咱们有会的可以复习下,不会的可以参考下,一句话来概括"有则改之无则加勉")OK,进入正题,我已经把最新的crx文件下载好放在网盘里头了,直接去下载就OK了(这不是良心博主是什么????)。网盘链接如下:链接:https://pan.baidu.com/s/1x2FD7QQ2vDg-jJBZES
2021-11-03 17:33:33
1216
7
原创 React踩坑日记:React启动后报错TypeError: Cannot read properties of undefined (reading ‘forEach‘)
前言今天创建新项目运行后又出现这个问题了,之前也出现过,觉得是很正常的情况,不过我今天发现还有许多朋友不知道这个问题的解决方法,特地来记录一下。话不多说 上图:这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因,安装这个东西是为了方便我们查看React元素和编译之后的一些代码,很多朋友是直接删除了,但是这不就等于是壮士断腕了嘛。解决方法如下:1.进入项目中按照路径找到相应的文件/node_modules/@pmmmwh/react-refresh-webpack-plug
2021-10-22 15:48:53
23865
25
原创 Vue踩坑日记:VUE启动端口问题
今天跑项目时出现了一个小问题,启动没问题,给出来的连接失效了。一般来说我们默认都是用的localhost:8080的端口,但是今天突然这个端口失效了,一脸懵的跑到度娘那去问,有说端口问题的,有说hosts文件问题的。跟一前端朋友讨论了一阵,到了最后才发现是项目启动端口被占用了。需要更改一下webpack的端口配置。1.Vue项目里config文件夹中的index.js页面更改下port:端口2.package.json页面 更改端口(两个页面的端口要同步)这样问题基本上就能解决了。详情参考:
2021-08-28 18:05:03
1156
原创 Vue踩坑日记:VUE启动项目发生错误
今天测试启动的时候意外发现了这个问题,各种百度优快云翻了个遍。就此记录一下。这种情况一般来说是因为package.json文件中本地的webpack-dev-server不存在。解决方法:1.首先运行一下命令进行全局安装:npm install -g webpack-dev-server2.执行本地安装命令:npm install webpack-dev-server --save-dev之后再启动VUE项目就OK了,问题解决!...
2021-08-28 17:11:04
358
原创 Git踩坑日记:github bash上传远程库失败的部分原因与解决方法
前言咱们在用github bash上传远程库的时候有一些报错和上传不了,其实都是一些步骤不对或者电脑有配置跟不上导致一些弹窗报错,下面我们来看看。我们首先来回一下配置文件前和上传文件的步骤:我们第一次打开github bash时需要配置一些东西设置用户名 ‘就是你在gihub上的用户名’git config --global user.name设置邮箱 ‘你在注册时用的邮箱’...
2020-11-17 23:03:14
497
原创 HTML之弹性布局
相信大家在做html页面布局的时候都有过一个很脑袋疼的问题,那就是尺寸不平均,尺寸不平均会导致页面的不整齐,今天给大家分析下弹性布局。弹性布局html布局中是很广泛的一个属性,他可以让你整个页面的布局合理化的分布在平均的位置上,重要的是你可以定义每部分的百分比数。...
2019-01-14 16:12:09
3504
原创 JS之偶然发现一个挺好玩的JS倒计时程序
JS进入页面开始计时#一天看见了网上某个表白网中间部分有个计时器,自己就琢磨,愣了下想了想好像挺简单的,做个出来玩玩。好了,话不多说进入正题。思路:1、将每个时间的id都获取到,因为有零所以一个时间要有两个id。2、先让后面的递增,之后判断递增多少后,前面的+1。3、用innerHTML改变他的HTML元素(也就是把时间输出在HTML中)。上代码: var d=docume...
2019-01-11 10:59:02
964
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人