1.同一个BFC, 两个相邻的盒子会产生外边距折叠(两个margin会合成一个margin),
解决办法是 , 构建出不同的BFC
2.css的优先级 !import > id >class >tag
3.position : absolute , fixed . static ,relative , inherit , sticky
4.居中 , 弹性盒
5.清除浮动
6.左右固定, 中间自适应
1、浮动
左右浮动, 中间会自适应
2、绝对定位
左 left 0 右 right 0
中间 left 300
3,flexbox, 移动开发经常用到
中间 flex = 1
1.数组去重
var arr = [1,2,3,4,1,2,4]
var myset = new Set(arr)
var mya = Array.from(myset)
2.es6 新方案
generator生成器 配合yield ,太麻烦 , 被新的语法糖async,await取代
等待a代码执行成功,执行b代码 , 有一种同步 调用 的感觉。(用同步执行异步)
async function test(){
var a = await axios.get(1);
var b = await axios.get(2,{a})
var c = await axios.get(3,{b})
console.log(c)
}
test()
Promise.all , 所有的异步都结束
Promise.all(([axios.get(1),axios.get(2)]).then(res=>{
}).catch(error=>{
})
Promise.race([axios.get(1),axios.get(2)])
3.模块化
1.commenJS规范
commenjs 同步加载webpack
require(’./b’)
module.exports
exports
2.es6规范
import obj from ‘a.js’
export defalt aaa
区别
commenJS 会一下子把所有的模块导入进来
es6规范可以导入 某几个接口 ,有选择性的(用几个导入几个)
4.恢复版本
git reset
git revert
5.jquery
在 $.fn上挂载一个方法 , 相当于在jq原型上挂载方法 ,将来可以链式调用
$.fn === $.prototype = jQuery.prototype
$(’.box).prop(‘disabled’,true) , props 是自带的属性
$(’.box).attr(‘myname’,2222) attr是自定义的属性