摘要: vue-drag-resize是一个支持拖拽与缩放的vue插件 特征 轻量级,无依赖性 所有的操作都是可联动的 支持触摸事件 定义元素可拖拽,或者可缩放,或者二者兼有 提供用于调整大小的操作点与操作框 可以按照比例缩放或者不按照比例缩放元素 可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素 可限 阅读全文
posted @ 2020-12-28 15:20 帅气巴巴 阅读(2059) 评论(0) 推荐(0) 编辑
摘要: 网格布局(Grid) 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。 Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格。Grid 布局远比 Flex 布局强大。 使用 : 同flex布局一样,需要display: grid指定一个容器采用 阅读全文
posted @ 2020-12-26 14:52 帅气巴巴 阅读(101) 评论(0) 推荐(0) 编辑
摘要: computed computed 是计算属性,它会根据你所依赖的数据动态显示新的计算结果。计算属性将被加入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例通过计算出来的属性不需要调用直接可以在 DOM 里使用 computed用来监控自己定义 阅读全文
posted @ 2020-12-24 11:30 帅气巴巴 阅读(102) 评论(0) 推荐(1) 编辑
摘要: .box { width: 200px; height: 200px; font-size: 20px; background-color: aqua; overflow-y: auto; overflow-x: hidden; } /*定义滚动条轨道 内阴影+圆角*/ .box::-webkit- 阅读全文
posted @ 2020-12-23 16:23 帅气巴巴 阅读(316) 评论(3) 推荐(1) 编辑
摘要: 插值表达式{{}},可以在前后插入一些内容 {{title}} //title为data中定义的内容 如果我们想在变量之前或者后面加一些内容的话使用插值表达式 v-cloak:在我们vue加载之前v-cloak是存在,vue加载结束之后v-cloak就隐藏了,利用这个特性可以实现:界面防止闪烁 <s 阅读全文
posted @ 2020-09-06 22:17 帅气巴巴 阅读(904) 评论(0) 推荐(0) 编辑
摘要: Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。 在Vue中,一个核心的概念,就是让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑 框架和库的区别 框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框 阅读全文
posted @ 2020-09-06 22:07 帅气巴巴 阅读(160) 评论(0) 推荐(0) 编辑
摘要: Map存储是以键值对的形式存在 let map = new Map([[key,value],[key2,value2]]) map.set(key,value) map.get(key) map.delete(key) map.has(key) map.clear() // map中key可以是任 阅读全文
posted @ 2020-09-04 11:59 帅气巴巴 阅读(164) 评论(0) 推荐(0) 编辑
摘要: set/weakset set是ES6中一个新的数据结构,set的使用和数组是类似的,区别就是,set里没有重复项 // set 为值的集合 它的值不会有重复项。 var set = new Set([1, 2, 3, 1, 2, 3, 4]); console.log(set); // size属 阅读全文
posted @ 2020-09-04 11:47 帅气巴巴 阅读(209) 评论(0) 推荐(0) 编辑
摘要: generator生成器函数 定义 function后面加了* 函数体里有 yield关键字 在这里起到了十分重要的作用,就相当于暂停执行并且返回信息。有点像传统函数的return的作用,是暂停执行 Generator函数被调用后得到的生成器理解成一个遍历器iterator,用于遍历函数内部的状态。 阅读全文
posted @ 2020-09-04 11:30 帅气巴巴 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 解决异步问题 1. 回调函数的方式 1 function func(callback){ 2 setTimeout(()=>{ 3 callback("异步数据") 4 },1000) 5 } 6 func(function (res){ 7 console.log(res) 8 }) 2. 通过P 阅读全文
posted @ 2020-09-04 11:01 帅气巴巴 阅读(173) 评论(0) 推荐(0) 编辑