- 博客(10)
- 收藏
- 关注
原创 通过vue3自定义指令,实现滚动加载大量数据
当前端需要一次性加载大量数据,又不能分页时,如果将几百上千条数据一次性加载到页面中,将会出现卡顿现象,此时的优化方案是对数据进行截取显示滚动到的数据,未滚动到的和已经滚动出视口的可以去除,页面中只显示十几二十条数据,就不会对渲染造成太大的负担。,为了简化过程使用更友好,通过自定义指令来实现。
2024-01-08 21:54:44
645
1
原创 关于数组内层循环无法赋值问题记录
data = [{ name: '张三', teacherVOList: [ { age: 12, sex: '男' images:"456" }, { age: 18, sex: '女' images:"123" } ] ...
2021-01-15 11:21:36
518
原创 图片上传原生功能
1.图片上传,图片选择完成即上传。<input type="file" name="fileUp" id="file_onchange" class="file_hidde" accept="image/gif, image/jpg, image/jpeg, image/png, multiple=true"/> //图片上传触发<input type="text" name="filepath" id="filename" readonly />css部分,两个input
2020-06-19 15:38:41
214
原创 关于vue-video-player的使用心得
1.安装使用直播流安装 vue-video-player与videojs-flashnpm install vue-video-player --save-devnpm install videojs-flash --save-dev其中videojs-flash 只能用npm安装,否则报错The "flash" tech is undefined. Skipped browser su...
2020-04-30 11:03:50
912
原创 v-model在自定义组件应用详解
1.1.v-model的作用第一个是在普通的input输入框中做双向数据绑定。2.v-model用在自定义组件中v-model就是一个语法糖,让我们将数据的绑定和事件的调用都省去,在自定义组件中v-model可以分解为一个绑定,用来将message的值传给子组件,子组件接收prop,同时,在利用input事件将值通过$emit,将值再传递给父组件,直接赋值给message,这样就形成了简化版的...
2020-04-22 17:29:10
1200
原创 关于变量提升和函数提升
1.变量提升(1)变量提升就是var 声明的变量,无论在当前作用域的什么位置声明,都会将声明的变量提升到作用域的前面,例如:console.log(a) //undefinevar a=10相当于var aconsole.log(a)a=10所以声明只是将声明提升,值还在原来的位置(2)在使用if判断中声明的var声明时,可能if 不被执行,但是里面的声明被提升conso...
2020-02-25 15:36:04
297
原创 盒子水平和垂直居中的方法
1.利用定位position和transform *{ padding: 0; margin: 0; } html,body{ width: 100%; height: 100%; } .father{ height: 100%; width: 100%; backgroun...
2020-02-24 15:48:19
166
原创 css占满整个屏幕的方法
1.给html和body添加百分比宽高css样式 *{ padding: 0; margin: 0; } html,body{ height: 100%; width: 100%; } .father{ height: 100%; width: 100%; backgrou...
2020-02-24 15:06:26
3052
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人