- 博客(29)
- 收藏
- 关注
原创 ant design vue 树表格chilren为空数组时也有展开符(加号+)
所有行都有展开符(加号),但实际上chilren为空的数据是不应该有展开符的。
2024-02-26 10:40:08
242
原创 antdesign vue 树形表格 table 默认展开所有行 遇到的坑!
默认展开所有行数据:给table添加`defaultExpandAllRows`属性为true。给table绑定动态key,每次数据更新都更新key值,table就会自动变成新的component,即重新渲染。
2024-02-23 14:23:47
1059
原创 a标签添加disabled属性后,没有鼠标禁用的红色样式(cursor:not-allowed不生效)
给a标签disabled属性添加上了`鼠标禁用样式`cursor:not-allowed和`鼠标禁用事件`pointer-event:none,但禁用样式不生效。
2024-01-11 15:55:41
1267
原创 ant design vue动态添加输入框,输入框动态样式bug
写了一个button点击事件动态添加输入框,当输入框为2个及以上时,在输入框右侧新增一个删除功能图标。,所以当新增输入框时,删除的icon会立即执行,而input框会在0.3s后改变宽度为90%。在这里使用了v-bind 对input输入框的style样式进行动态更新。
2023-12-26 11:26:18
403
原创 antdesign vue 自定义实现可选表格,表格某列选项可选、行可选、表头可选
需求:表格指定列中所有单选框的选中状态与对应行的单选框状态,两两相关;每一行的单选框状态又与表头的单选框状态,两两相关。(1)当选择某些行时,表头是部分选样式;所有行选中时,表头会是选中状态;所有行不选时,表头是非选中状态。(2)当点击表头单选框为选中状态时,每一行会变为选中状态。同理,表格数据选中状态与行选中状态类似上述两步~
2023-12-22 17:33:28
1649
1
原创 DOM编程-动态创建脚本、动态添加样式、DOM创建表格
动态脚本就是在页面初始加载时不存在,之后又通过 DOM 包含的脚本。有两种方式通过动态为网页添加脚本:动态加载外部文件在上面最后一行把元素添加到页面之前,是不会开始下载外部文件的。
2023-12-22 16:20:30
144
原创 DOM操作(包括Node类型、Document类型、Element类型、Text类型)
如何使用DOM操作节点、文档、HTML元素、文本节点的详细方法~
2023-12-22 16:16:41
1104
原创 Web Socket原理和使用
实时性:WebSocket提供了实时的双向数据传输,能够实现高效的实时通信,而不需要通过轮询或长轮询等间接方式。低延迟:由于WebSocket建立在TCP连接上,并且使用更轻量级的协议头部,因此可以减少数据传输的延迟,提供更快速的响应时间。节省带宽:WebSocket使用较少的网络流量,因为它使用更紧凑和有效的数据帧格式,并且可以使用二进制数据传输,而不仅仅是文本数据。更强大的功能。
2023-12-05 13:53:11
139
原创 router.push刷新当前页面,停留在当前标签页不跳转到默认标签页
首先使用了router.push传参query后,路由地址会先改变为’/flowcharts?activeKey=2’,再刷新当前页面(‘/flowcharts?activeKey=2’),就可以实现刷新并停在当前标签页!
2023-12-04 14:17:26
408
原创 Ant-Design的Tooltip如何只在内容溢出时显示,内容不溢出时不显示
scollHeight:元素内容高度,包括溢出的不可见内容。(可视区域高度+被隐藏区域高度,当内容没有溢出时clientHeight ===> scollHeight )clientHeight :元素像素实际高度。(内容有溢出时,理解为可视区域高度)写一个方法阻止鼠标事件,及时页面有多个Tooltip也可以重复使用该方法!
2023-11-30 15:01:12
798
原创 JS异步编程:Promise、Async/Await、setTimeout与事件循环机制
setTimeout、Promise、Async/Await的使用和区别,它们在事件循环机制中的执行顺序
2023-11-27 10:53:48
762
原创 MVVM模型和数据代理
在getter和setter内部去操作(读/写)data中对应的属性。具体操作:使用Object.defineProperty()把data对象中所有属性添加到vm上;为每一个添加到vm上的属性都指定一个getter和setter;VM-视图模型viewmodel-vue实例。V-视图view,模板代码。3.数据代理:通过vm对象来代理data对象中数据的操作(读/写)2.MVVM模型:M-模型model,data中的数据。优点:更方便操作data中的数据。
2023-11-24 11:23:14
35
1
原创 早期尚硅谷-avaScript笔记(函数调用、数据类型判断、原型链、闭包、对象创建、继承)
-函数对象有显式原型属性(prototype),定义函数时自动添加,默认值是一个空的Object实例对象(Object不满足)--实例对象有隐式原型属性(--proto--),创建对象是自动添加,默认值是构造函数的prototype属性值。--原型链是用来干嘛的?-function声明的函数 ===> 赋值(fun),添加为执行上下文的属性。-arguments ====> 赋值(实参列表),添加为执行上下文的属性。-形参变量 ====> 赋值(实参数据) ==> 添加为执行上下文的属性。
2023-11-24 11:19:37
39
1
原创 早期CSS笔记(几种定位、清除浮动、BFC)
/* 为了边框和文字宽度一致,需要将h2转换为行内块元素 */ display: inline-block;
2023-11-24 11:07:43
52
1
原创 使用 ant-design选择器tags select进行模糊搜索和内容输入。
1.模糊搜索(不区分大小写)2.可输入(对单个标签只能输入英文字符、数字、短横线、下划线和小数点且10个字符内)3.所有标签总长度不超过100字符。
2023-11-24 11:03:55
943
1
原创 axios 发送请求的传参方式,post表单提交
axios请求方法有get、post、put、patch、deleteget作用:获取数据默认’Content-Type’: ‘application/json’
2023-11-23 15:51:40
2267
原创 解决问题:a-table绑定的列数据是数组,直接使用没有分隔符
问题:在a-table中直接使用:colums="colums"绑定的数据是没有逗号分隔的,会展示为。需求:返回数据为数组[‘CCS’, ‘css-lxl’],要求展示在table列中按逗号分开。解决:使用插槽遍历数组,且最后一项不需要逗号,使用三元表达式。
2023-11-23 10:22:44
131
原创 JavaScript数组遍历方法map/forEach等
javaScript数组遍历方法详细使用方法和区别,包括map,forEach,filter,reduce等
2023-11-22 15:36:00
270
原创 Pinia的使用和插件扩展
本文对比了pinia与vuex的相同和差异以及使用场景,详细介绍了在Vue3中怎么使用pinia进行状态管理,介绍storeToRefs的使用以及使用插件自动化引入storeTorefs,使用插件持久化数据,storeToRefs与vue的toRefs有什么区别等。
2023-11-22 15:11:58
1486
原创 HTML 列表
有序列表:标签ol来创建 li表示列表项无序列表:标签ul来创建li表示列表项定义列表:标签dl来创建 dt来表示定义的内容 dd来对内容进行解释说明列表之间可以互相嵌套...
2021-10-07 20:15:39
41
转载 html标签
基础标签基础!DOCTY图片areaimgmapfigcaptionfigurepicture链接alink列表dddldtliolul多媒体audiosourcetrackvideo绘图svgcanvas时间time!DOCTY!--...--basebodybrdirh1 - h6hrhtmlheadmetapstyletitl
2021-10-06 21:09:11
43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人