摘要: ###body <div class="box"> <div></div> <div></div> <div></div> </div> ###css <style> body { background: sandybrown; } .box { width: 100px; margin: 50px 阅读全文
posted @ 2020-09-11 22:07 哈哈O0O 阅读(197) 评论(0) 推荐(0) 编辑
摘要: ##盒子水平垂直居中10种方法 HTML代码 <body> <div id="container"> <div id="box"></div> </div> </body> ###第一种:通过绝对定位的方式 absolute + 负margin 首先知道子元素的宽高,给子元素设置top:50%;le 阅读全文
posted @ 2020-09-09 20:04 哈哈O0O 阅读(2005) 评论(0) 推荐(1) 编辑
摘要: ###什么是图片懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载 在单页面应用中,如果没有引用懒加载,运用webpack打包后的文件将会异常的大, 造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验, 运用懒加载可以将页面进行划分,按需加载页面,可以分担首页所承担的加载压力,减 阅读全文
posted @ 2020-09-08 21:40 哈哈O0O 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 开发时,后端还没完成数据输出,前端只好写静态模拟数据。 将数据写在js文件里,通过mock.js的一些语法 动态生成我们想要的数据 只需要和后台沟通一下 数据结构 以及key值之类的 首先是官网和文档的链接 mockjs官网:http://mockjs.com/ mockjs官方文档:https:/ 阅读全文
posted @ 2020-09-07 21:11 哈哈O0O 阅读(2671) 评论(0) 推荐(0) 编辑
摘要: ###vue双向绑定的原理 #####vue.js采用的是数据劫持结合发布和-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 Object.defineProperty()这个方法包含三 阅读全文
posted @ 2020-09-04 22:39 哈哈O0O 阅读(153) 评论(0) 推荐(0) 编辑
摘要: ###let和const ####let和var的区别 相同点:都是定义变量 区别: 1.是否有变量提升 var有变量提升,let没有 2.是否能重复定义 var允许重复定义变量,let不允许重复定义 3.是否有块级作用域 { } 全局作用域:在函数外部定义的范围 局部作用域:在函数内部定义的范围 阅读全文
posted @ 2020-09-03 21:07 哈哈O0O 阅读(77) 评论(0) 推荐(0) 编辑
摘要: ####闭包定义 闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。 #####闭包是由什么构成 闭包=函数+词法作用域 词法作用域:即以变量 阅读全文
posted @ 2020-09-02 20:59 哈哈O0O 阅读(162) 评论(0) 推荐(0) 编辑
摘要: ####相同点: 都是用来改变函数的this对象的指向的。 第一个参数都是this要指向的对象。 都可以利用后续参数传参 ####区别 bind 返回一个函数 第一个参数是改变this指向的对象 直接传参 函数名.bind(目标对象,参数1,参数2,...参数n) 例如:getName.bind(o 阅读全文
posted @ 2020-09-02 00:25 哈哈O0O 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 如果一个事件触发的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少触发的频率,同时又不影响实际效果。 比如说搜索框的请求优化,搜索的这个需求基本上随处可见,几乎每个项目都会有搜索。 输入搜索词条需要立即触发搜索请求时 阅读全文
posted @ 2020-08-31 23:51 哈哈O0O 阅读(233) 评论(0) 推荐(0) 编辑
摘要: ####1. 点击事件 <van-icon name="cluster-o" @click="share" /> ####2. 显示二维码 <van-overlay 😒how="show" @click="show = false"> 分享 ####3. js //生成二维码需要下载一个qrcod 阅读全文
posted @ 2020-08-28 20:53 哈哈O0O 阅读(373) 评论(0) 推荐(0) 编辑