摘要:
async 和 await 是同步的写法,也是异步的操作,内容要同时去写才会生效,await可以等数据加载过来后再运行js内容 并且他的接收对象必须是Promise(普肉马斯) 对象,所以async await 主要用在数据的接收和不同执行时机下的异步问题! ####特点: 1.异步async函数调 阅读全文
摘要:
##1.promise是用来解决异步编程的一种方案; ##2 promise 有三个状态和两个参数: ####三个状态: pending 是 初始状态 fulfilled 是 成功状态 rejected 是 失败状态 ####特点: Promise 有以上三种状态,只有异步操作的结果可以决定当前是哪 阅读全文
摘要:
##1.新增了块级作用域(let,const) let 表示变量、 const 表示常量 ##2.箭头函数 在es6中,提供了一种简洁的函数写法,我们称作“箭头函数” ####4.数组新增了扩展运算符(… 复制数组 合并数组 generator求最大值) ####5.对象新增了扩展运算符(… 复制对 阅读全文
摘要:
##什么是事件委托? 事件委托就是利用事件冒泡,把子元素的事件都绑定到父元素上,如果子元素阻止了事件冒泡,那么委托也将没有用。 ##事件委托的好处 提高性能 减少事件绑定 减少内存占用 ##应用场景 vue中我们都是使用for循环循环出对应的点击事件 这样会大大占用我们的性能 ,我们使用事件委托 可 阅读全文
摘要:
1)所有的同步任务都在主线程上执行,行成一个执行栈。 2)除了主线程之外,还存在一个任务列队,只要异步任务有了运行结果,就在任务列队中植入一个时间标记。 3)主线程完成所有任务(执行栈清空),就会读取任务列队,先执行微任务队列在执行宏任务队列。 4)重复上面三步。 只要主线程空了,就会读取任务列队, 阅读全文
摘要:
1.在浏览器里this永远指向window对象。 2.在函数中,this永远指向最后调用他的那个对象。 3.构造函数中,this指向new出来的那个新的对象。 4.call、apply、bind中的this被强绑定在指定的那个对象上; 5.箭头函数中this比较特殊,箭头函数this为父作用域的th 阅读全文
摘要:
##作用域分为三种 ####1.全局作用域: js最外层的就是全局作用域 ####2.函数作用域 js可以通过函数自己创建一个单独的作用域,叫做函数作用域,函数可以嵌套,作用域也可以 ####3.块级作用域 es6中新增了块级作用域(大括号,比如:if,for(),while()…) ####作用域 阅读全文
摘要:
项目中经常要用到的布局 我常用的有3种 ##方法一:父相自绝后,子分部向左向上移动本身宽度和高度的一半(也可以用 transform:translate(-50%,-50%))最常用方法 #box{ width: 400px; height: 400px; background: red; posi 阅读全文
摘要:
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题 清除浮动有很多方法我平时常用的有四种 ##1.overflow:hidden 给父元素添加overflow:hidden解决 ##2.额外标签法 给谁清除浮动就在他后面添加一个空标签 并且添加clear:both属性即可解决 # 阅读全文
摘要:
当我们遇到双边距重叠的时候就可以用到BFC ##父子重叠: 比如一个大盒子里面一个小盒子 给子盒子添加margin-top,父盒子也会产生外边距,所以我们需要给父盒子添加overflow:hidden让父盒子变成BFC这样父子盒子就互不影响了 ##兄弟垂直重叠: 如果是兄弟垂直重叠 那个外边距大以那 阅读全文
摘要:
#1.css盒模型 #2.BFC #3.清除浮动 #4.div水平垂直居中 #5.原型 原型链 #6.作用域 #7.闭包 #8.this #9.异步事件循环 #10.事件代理(委托) #11.es6 #12.Promise #13.async await #14.箭头函数与普通函数区别 #15.解构 阅读全文
摘要:
#盒子模型有两种 1.标准盒模型:一个块的总宽度(页面中占的宽度)=width+margin(左右)+padding(左右)+border(左右) 2.怪异盒模型:一个块的总宽度=width+margin(左右)(即width已经包含了padding和border值)(IE浏览器) #标准和怪异模型 阅读全文
摘要:
##css盒模型 盒模型有两种 1.标准盒模型:width+padding+margin+border 2.怪异盒模型:width+margin(width里面包括padding和border) 转换标准盒模型:box-sizing:content-box 转换怪异盒模型:box-sizing:bo 阅读全文