- 博客(14)
- 问答 (1)
- 收藏
- 关注
原创 手写清除浮动
这个有3种方法,1、在浮动后的元素的样式中添加:clear: both;2、浮动的元素添加一个class伪类样式:.clear-fix:after{ display: table; /*也可以写成display: block*/ content: ""; clear: both;}3、浮动的元素的父元素开启BFC。注:开启BFC的条件,经常是使用 overflow:hidden 或者 display:flex 或者 display: inline-block 或者position: ab
2020-11-11 13:05:40 184
原创 ztree中渲染的树,只在特殊节点显示checkbox复选框,或radio单选框
var treeNodes = [ { "id":1, "name":"test1", "nocheck":true}, { "id":2, "name":"test2"}, { "id":3, "name":"test3"}]//只需要在树节点设置nocheck:true就ok
2020-11-06 17:46:52 552
原创 ...mapAction()的使用
1.首先这个方法是写在methods里面2…mapAction()这个方法返回store中action里面的对象,可以理解为展开运算符3.在使用时 …mapActions(‘template’, [ ‘createStaffItem’, ]),传入参数代表什么意思:template是引入的是哪个store(可能定义了很多个store文件),createStaffItem表示action中的“createStaffItem”对象 方法 我映射到本组件的方法名叫“createStaffItem”。4.
2020-11-06 15:58:52 3237
原创 Object.keys()循环处理对象
Object.keys()用于获得由对象属性名组成的数组,可与数组遍历相结合使用,非常好用。和for…in方法功能类似。对象使用了Object.keys()处理后,能使用数组处理的一些方法[ map(),forEach() , findIndex() ]。Object.keys(options).forEach(()=>{})...
2020-11-06 15:45:02 1009
原创 findIndex() 方法
findIndex(fn) 方法 : (注意:1.不需要return 2.参数fn就是检索条件 )返回 在数组中查找符合条件第一个元素的index索引。var arr=[12, 16, 18, 20]let index = arr.findindex((item)=>{ item >= 18})// 打印index为2...
2020-11-06 11:32:20 17046 1
原创 window.requestAnimationFrame 与window.onresize的区别
1. window.requestAnimationFrame语法:window.requestAnimationFrame( callback )window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。(在前端开发的 web页面嵌入C++开发的视频客户端,针对移动浏览器窗口计算客户端位置会用到)需要注意的是:1.电脑屏幕是1
2020-11-06 11:17:32 281
原创 location.origin
window.location.origin这个获取url中包含了端口(域名或ip+端口),不需要再另外添加端口window.location.port
2020-11-03 14:19:14 2826
原创 ckplayer插件的使用遇到的坑:监听视频播放end事件。
我在这个项目中是使用的是mp4格式的播放文件<div class="video-wrap"> <div class="video" id="live-video"> </div></div>methods: { getLiveDetail(val) { let _this = this //重点1: 假设后台给我的是一个数组形式的视频播放路径 let pathArra = ["https://10.35.
2020-11-02 14:23:52 1361
原创 antd-design-vue中日期选择器date-picker的使用总结注意点
需要注意点: v-model 与 default-value 绑定值与默认值都必须是moment对象。否则控制台会报错html部分<div class="query-date left marginright"> <span class="textboxstyle">开始时间:</span> <a-date-picker v-model="startValue" :disabled-date="disabledStartDate"
2020-11-02 13:56:02 3910
空空如也
vue3与vue2区别?
2021-03-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人