- 博客(15)
- 收藏
- 关注
RSS订阅原创 记录解决 npm i 报错出现 xxx vulnerabilities 的艰难历程
2、解决 Error: Can't resolve 'util' in 'D:\Work-Project\csservice-ui\src\utils\generator'反正都是上述方法各种组合尝试，每一次运行都会报错存在很多vulnerabilities，且都包含高风险，对此我想说以下6点 ......7、更换node版本 10，12，14，每一个版本更换后都依次执行 3，4，6，5。5、运行 npm install --legacy-peer-deps。🆗，重新启动项目，运行页面终于干净了，cao。
2024-04-02 16:16:56
725
2
原创 点击 router-link :to 没有跳转
检查：1、安装了 vue-router 的；2、该标签页面解析成功了的；3、去beforeEach里查看该方法执行了的，说明跳转的路由被拦截了。由于是项目迁移，菜单配置时点击跳转页面是实现了的，但是迁移到新项目里点击却没有跳转。
2024-03-15 10:17:20
427
1
原创 vue-signature-pad实现电子签名：包含车型、清屏、保存、笔刷粗细调节、回显图片
里面还包含了橡皮擦功能，因为签名对橡皮擦功能需求不大，所以没有使用。
2024-03-04 11:09:07
949
1
原创 td标签内，img标签设置高度不生效
场景：使用原生td布局的表格，最后一项是签名，电子签名回显使用的img标签，设置img宽度生效，但是高度不生效。分析：把img换成div，设置宽高都是生效的，说明就是img标签的问题，最终在img外包裹了一层div。
2024-03-01 17:29:29
340
1
原创 引入 Transition 和 TransitionGroup 组件不生效
在使用vue3时，在component里，定义了 Transition .vue 和 TransitionGroup.vue 进行过渡组件和过渡列表测试。原因：transition 和 transition-group 都是内置组件，不能直接使用它们作为组件名，必须改为其他名字。
2023-09-24 17:52:47
529
1
原创 ResizeObserver loop completed with undelivered notifications.
ResizeObserver 接口可以监听到 Element 的内容区域或 SVGElement的边界框改变，el-table的尺寸发生了变化，Table-column设置了type时有固定width，其他Table-column必须单独设置width。element-plus 中的Table-column取消了默认宽度大小。保证 table 尺寸不变化 => 给Table-column设置width。在 vue3 中使用 element-plus的table时，控制台调试却出现上面的报错。
2023-09-15 22:07:45
4225
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
报错：van-nav-bar 没有正确注册。检查了很久，重启了项目，看了很多博客，都没有找到问题，怀疑是不是vant组件库的引入问题，但是在 navBar- index.vue 里 import 引入加 Vue.use 组件却能正常渲染vant组件，最终脑壳都大了，终于找到了问题。但是第二天重新运行项目后故意删除了最后一个逗号，却没有重现报错，所以就这样吧！utils - vant.js 引入vant组件。在NavBar组件后添加一个逗号。
2023-08-22 08:55:44
627
1
原创 h5 的 pushState, replaceState 和 popstate 事件
HTML5中引入了history.pushState()、history.replaceState() 来实现 页面无刷新的情况下改变地址栏的 url
2022-06-28 11:09:54
1686
原创 ES6中的Proxy代理拦截对象和Reflect对象
Proxy在教程中对于Proxy的定义是这样的，Proxy用于修改某些操作的默认行为，即对编程语言层面进行修改，属于“元编程”，Proxy意思为“代理”，即在访问对象之前建立一道“拦截”，任何访问该对象的操作之前都会通过这道“拦截”，即执行Proxy里面定义的方法。（1）ES6原生规定的Proxy的基本用法为 let pro = new Proxy(target,handler);其中 new Proxy相当于创建了一个Proxy实例，target为所要拦截的目标对象，handler也是
2022-03-24 21:11:33
256
原创 null 和 undefined 的数据类型
JS的数据类型:6种基本数据类型：String,boolean,Number,Undefined, Null , Symbol (ES6新增).1种引用数据类型：Object(Array,Function,Date,RegExp)注意 :const a = nulltypeof(a) // Object. 因为null被当作一个空指针空对象引用了判断某变量是否为数组类型 : ES5 中定义了新方法 Array.isArray() 保证浏览器兼容性 :if(typeof Arra
2022-03-14 16:16:51
392
原创 用原生js获取页面中所有的 checkbox
<input type="checkbox"> //多选框方法一: 用for循环var inps = document.getElementsByTagName("input") var arr = [] for(var i=0;i<inps.length;i++){ if(inps[i].type =="checkbox") arr.push(inps[i]) }方法二: 用while循环...
2022-03-14 15:34:49
1505
原创 vuex中store.commit和store.dispatch的用法及区别
代码示例:this.$store.commit('aMutation', payload);this.$store.dispatch('aAction', payload);参数说明:- aMutation : 一个mutation方法名- payload : 有效载荷 , 传递数据 , payload是一个对象结构- aAction : 一个action方法名- true : 允许在命名空间模块里分发 根root的 action两者都可以使用的提交方式：/
2022-02-16 13:10:45
3256
TA创建的收藏夹 TA关注的收藏夹
TA关注的人