自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 问答 (1)
  • 收藏
  • 关注

原创 Konva在canvas上的使用

1111

2020-11-25 19:41:07 327

原创 手动写一个select多选组件

手动写一个select多选组件

2020-11-14 17:24:10 233

原创 冒泡和捕获(与阻止冒泡的应用)

冒泡和捕获(与阻止冒泡的应用)

2020-11-14 17:21:31 102

原创 手写清除浮动

这个有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

原创 前端接口有关需要注意问题

组件中与接口有关的都需要做判空,异常 处理(接口返回为空,错误处理)接口封装需要,做超时,异常,失败,等情况处理。

2020-11-03 01:45:17 325

原创 vue中created与mounted对象的区别

唯一的区别是:created阶段,拿不到dom节点。

2020-11-02 14:27:43 169

原创 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

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除