- 博客(216)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 跳转到其他页面时保持当前data数据
需求:跳转到某一页面时保存当前data数据,而跳转到其他页面时清空缓存中的vuexbeforeRouteLeave(to, from, next) { if(to.name !== 'targetDistribute') { this.SET_TARGET_DATA({}) } next() }, created() { if(JSON.stringify(this.targetData) !== "{}") { let targetData = JSON.p
2021-03-26 15:13:41
3178
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue学习之elementUI组件el-input输入框只能输入数字或保留两位小数
方法一:使用type=“number”<el-input v-model.number='count' type='number' maxlength='9'/>缺点:maxlength不生效可以输入e可以输入小数点方法二:使用正则表达式<el-input v-model.number='count' oninput="value=value.replace(/[^\d]/g,'')" maxlength='9'/>其中v-model.number确保获得的
2020-08-31 21:57:51
12290
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 七月学习之E6、ES7、ES8、ES9、ES10、ES11新特性
目录ES6新特性(2015)1. let 和 const 命令2. 解构赋值3. 扩展运算符(spread)4. 箭头函数5. 函数参数默认值6. 模板字符串7. 对象属性和方法的简写8. 类(class)9. 模块化(module)10. Promise 对象12. Set 和 Map 数据结构13. Iterator 遍历器/迭代器14. SymbolES7新特性(2016)1. Array.prototype.includes()2. 指数操作符 `**`ES8新特性(2017)1. async函数2
2020-08-10 20:27:25
9047
原创 浅析代码圈复杂度及认知复杂度
圈复杂度(Cyclomatic complexity)是一种代码复杂度的衡量标准,在1976年由Thomas J. McCabe, Sr. 提出,目标是为了指导程序员写出更具可测性和可维护性的代码。它可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立路径条数,也可以理解为覆盖所有可能的情况最少需要的测试用例数量。
2024-08-14 17:37:54
656
原创 tinymce字体为48px后再设置numlist数字列表导致前面的序号字体不对--【已解决】
tinymce选择完大号字体,如48px,再选择数字列表,会导致数字列表的序号字体不对。
2024-08-14 17:34:23
381
原创 使用pointerup事件快速点击时触发了其他元素的文字选中【已解决】
【代码】使用pointerup事件快速点击时触发了其他元素的文字选中【已解决】
2024-03-14 11:05:23
337
原创 vue3组件/指令发布npm流程
发布遇到的问题1:无法发布到私有包npm ERR!npm ERR!发布遇到的问题2: npm publish包报404,is not in the npm registry错误出现错误的原因是,在npm上的用户名是A,而包名是 @B/xxxx。npm规定包名中,@后是用户名,我这里是B,而我的用户名是A。这就是报错的原因。解决办法:修改包名为当前发布的用户名!!
2023-12-04 16:03:15
272
原创 sortablejs拖拽后新增和删除行时顺序错乱
问题描述:如下图所示,使用sortablejs拖拽后,在序号2后新增行会出现新增行跑到第一行的错误顺序。解决:在进行拖拽后,对表格数据进行清空重新赋值。
2023-11-21 10:10:08
487
原创 Scrum(敏捷开发)的前端定位
Scrum将整个开发过程分为多次迭代(称为Sprint,冲刺),一般为期2~4周,最常见的为2周。Scrum并非以一段时间集中完成一个过程,而是将所有过程中必须的每一部分集中在这段时间内完成。需求、设计、编码、测试、上线都必须在一个迭代中完成,每个迭代必须产生一个可以工作的软件。给出敏捷开发的12原则,这12原则作为敏捷开发对于软件开发流程的指导性纲领,也是对敏捷宣言进行了具有实际操作意义的解释,希望大家在实际应用中仔细体会。
2023-10-23 15:43:46
160
原创 Vite介绍及实现原理
Vite是一种新型的前端构建工具,它能显著改善前端开发体验。Vite由两个主要部分组成:一个开发服务器,它基于 原生 ES 模块(ESM),提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMRESM:ESM是浏览器支持的一种模块化方案,允许在浏览器实现模块化。ES6之前,JS一直没有自己的模块体系。但是ES6引入了ESM,到此,JS终于有了自己的模块体系。HMR。
2023-10-23 15:42:40
1195
原创 vue3安装vue-grid-layout显示[Vue warn]: Invalid vnode type when creating vnode: undefined.
【代码】vue3安装vue-grid-layout显示[Vue warn]: Invalid vnode type when creating vnode: undefined.
2023-09-18 22:28:28
1093
5
原创 JavaScript对象类型数据深拷贝方法【主要解决JSON.parse(JSON.stringify()会去掉函数属性的问题】
如果对象数组中属性没有函数属性,可以使用。,但是如果有函数属性值,则使用自己写的。
2023-09-10 22:18:24
611
原创 wangEditor5实现@评论功能
需求描述:在输入框输入@后显示用户列表,实现@人功能当前环境:vue3+vite+elementPlus+wangEditor@5需要插件:@wangeditor/plugin-mention安装插件:npm i @wangeditor/plugin-mention输入框组件分两部分:1. wangEditor富文本编辑器部分,2. 用户列表对话框部分1. 富文本编辑器组件代码:AutoComplete.vue文件<template> <div style="border
2023-08-12 16:28:19
880
1
原创 vue3中使用shallowRef还是会触发更改的原因
和 ref() 不同,浅层 ref 的内部值将会原样存储和暴露,并且不会被深层递归地转为响应式。只有对 .value 的访问是响应式的。,从而触发视图更新,此时state和state1处于一个函数作用域,所以state也会被触发更新。shallowRef() 常常用于对大型数据结构的性能优化或是与外部的状态管理系统集成。官方推荐在修改shallowRef所定义的深层数据后,使用。因为在state1更改的时候,触发了ref的响应式更新。去主动触发更新,而不是通过这种不规范的方式。但是我在使用的时候,对。
2023-03-20 23:52:58
338
原创 antdesignvue时间组件renderExtraFooter页脚无法关闭日期面板——已解决
使用antdesignvue时间组件设置自定义页脚后发现无法关闭面板。
2023-03-12 22:30:47
594
原创 在antdesignvue中设置nProgress的zIndex无效——已解决
【代码】在antdesignvue中设置nProgress的zIndex无效——已解决。
2023-02-16 11:40:44
323
原创 对antd-vue输入框的二次封装,显示长度限制,兼容v-decorator和v-model
对antd-vue输入框的二次封装,显示长度限制,兼容v-decorator和v-model
2022-12-16 14:04:39
921
1
原创 理解vue2.x版本中productionTip=false设置无效的原因
首先,我们看到vue官网中关于productionTip的API使用
2022-12-14 23:04:09
2631
3
原创 在输入框中回车会触发失焦事件,导致请求了两遍
在输入框中点击回车(@keyup.enter)和失去焦点(@blur)这两个操作均可以触发修改数据的接口。但是在输入框中回车会触发失焦事件,导致请求了两遍。
2022-12-11 22:11:13
843
原创 throttle-debounce使用noTrailing报错callback.apply is not a function——解决
throttle
2022-11-29 10:20:48
690
原创 HTMLDOM中的API之btoa和atob
btoa()方法可以将一个二进制字符串(例如,将字符串中的每一个字节都视为一个二进制数据字节)编码为 Base64 编码的 ASCII 字符串。
2022-11-27 23:42:19
514
路由协议使用报告
2018-12-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人