2018-05-11 高思总结

1.扩展String的原型方法，实现trim,删除空格

if(!String.prototype.trim){
  Sting.prototype.trim = function(){
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  }
}

2.考察函数声明提前，以及JS分解析和执行阶段

var a =1;
function A(){
  a =3;
  return;
  function a(){}
}
A();
console.log(a)//1

如果此时改为

var a =1;
function A(){
  a =3;
  return;
}
A();
console.log(a)//3

3.考察作用域

var arr1=[1,2,3,4,5],arr2=[];
fot(var i=0;i

4.左定宽，右自适应

1⃣️position +margin

//html
定宽
自适应
//css
.left{
  width:200px;
  height:660px;
  position:absolute;
  top:0;
  left:0;
}
.right{
  height:660px;
  margin-left:200px;
}

2⃣️float + margin

//html
定宽
自适应
//css
.left{
  width:200px;
  height:660px;
  float:left;
}
.right{
  height:660px;
  margin-left:200px;//或者overflow:hidden;
}

3⃣️flex布局

//html

  
定宽
自适应

//css
.parent{
  display:flex；
}
.left{
  width:200px;
  height:660px;
}
.right{
  height:660px;
  flex:1;
}

5⃣️table

    
    

    
    


定宽
自适应

5.js事件循环

https://yangbo5207.github.io/wutongluo/ji-chu-jin-jie-xi-lie/shi-si-3001-es6-chang-yong-zhi-shi-he-ji.html