- 博客(20)
- 收藏
- 关注
原创 vue-quill-editor富文本编辑器:自己实现图片上传功能和图片粘贴上传
【代码】vue-quill-editor富文本编辑器:自己实现图片上传功能和图片粘贴上传。
2024-07-11 17:13:46
857
原创 addEventListener绑定点击事件,点击两次才触发事件
绑定给外层加addEventListener事件,第一个参数可以获取到当前点击其中一项做区分,获取imgd地址。场景:因图片展示是通过标签展示,需要获取到当前点击图片的地址进行放大展示。函数放到mounted()内去执行可以避免点击事件,点击两次才触发事件。
2024-01-30 14:18:05
625
1
原创 父子嵌套表格,勾选父级别的时候 设置了fixed固定列,导致子表格不能同步勾选
el-table-column prop="address" label="地址" width="300" /><el-table-column prop="name" label="姓名" width="180" /><el-table-column prop="address" label="地址" width="300" /><el-table-column prop="name" label="姓名" width="180" />address: "上海市普陀区金沙江路 1518 弄",
2023-12-27 14:44:41
590
3
原创 基于el-table的动态配置表格列
思路:首先封装JSON文件设置表头信息可以直接写在文件里,通过自定义一个字段控制是否展示。我这里是=2就不展示,0就是展示,使用文件页面遍历数组做为表头数据。配合后端拿到当前用户默认展示列信息,遍历接口数据和本地数据做对比,将默认展示的序号以及一些字段添加进去,最后处理好的表头在页面遍历,通过拖拽改变当前排序位置,保存给后端再刷新表格。
2023-08-28 16:04:41
757
1
原创 因直接展示el-tooltip从而导致表格展示底部增加空行
原因:他会去检测你的这个子子元素,因为渲染的条件执行原因 在渲染el-tooltip的时候子元素还没有渲染出来 所以他会报错。问题:ElementPlusError: [ElOnlyChild] no valid child node found。问题:因直接展示el-tooltip从而导致表格展示底部增加空行。el-tooltip套tooltip或者popver也会导致。解决:在里面加上一层元素就可以,我用了div进行了包裹。
2023-06-26 16:10:45
528
1
原创 【面试题】webpack打包原理
webpack就是一个模块打包器,根据模块建的关系,构建出一张依赖关系图,最后将所有模块打包成一个或多个js文件
2022-08-04 18:20:30
749
原创 【面试题】 什么是同步什么是异步
js单线程也就是一次只能做一件事,如果在执行特别耗时间的代码时,就会导致页面停住(比如定时器的时间很长,那么后面的代码就无法执行),所以为了解决这个问题,js就把代码分为两种,一种是同步代码,一种是异步代码:所谓异步代码指的就是比较耗时的任务,比如 ajax,定时器,触发的 DOM 事件等等。...
2022-07-31 19:58:08
285
原创 【面试题】今日面试题整理== 数据响应式原理
1、对data中的数据进行递归遍历出来使用使用get读取到里面的数据,将每一个转换后的属性创建一个Dep被观察者,2、对模板中的属性进行编译使用compiler方法提取出来,变成一个watcher(观察者),加入到对应的dep队列中3、当data中的数据发生变化时,由于数据被劫持了,vue内部是知道的,就会调用对应的dep(被观察者)去通知观察者列表中所有的4、观察者得到消息就会去更新视图。...
2022-07-29 20:40:41
221
原创 【面试题】每日一道面试题 什么是虚拟 dom 为什么要有虚拟 dom
虚拟dom作用除了可以实现高效更新(数据变了的时候视图更新效率更高)还可以实现跨平台,一套代码生成不同的平台的最终代码,等于说比如写一套代码就能打包安卓,ios两个平台
2022-07-28 20:00:53
905
原创 每天一个面试小技巧(一分钟弄懂浏览器的缓存机制)
表示上一次文件被修改的时间,等第二次向服务器发送请求时客户端会在请求头上的if-modified-since带上上一次请求的last-modifed值,服务器对该文件最后修改时间进行比较,表示该文件的唯一标识,第一次请求时会在响应头带上这个唯一标识,第二次请求时客户端会在请求头上的if-none-match带上上一次的etag值服务端对etag进行对比。如果时间一致表示没有更新,服务器就返回304状态码,继续使用原来的缓存。last-modified和Etag两者之间的区别?.........
2022-07-25 15:55:34
375
原创 v-if 和v-show的区别和使用场景
v-show是通过css元素上的dispalynone来达到控制隐藏显示。v-if通过控制DOM元素的显示隐藏是。都是用来控制元素的隐藏与显示。
2022-07-22 16:35:15
244
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人