2019-05-20周结

1 js理论:js理论的学习主要结合的是廖雪峰老师和阮一峰老师的网上的教程以及mdn 和你不知道的js一书:
这周主要是学习了js中的类以及继承:
重点知识总结如下:
(1)你不知道的js:类的继承相当于是子类拿到了父类的一个副本,改变子类中的方法或者属性对父类不会产生影响,同样的两个子类都继承父类,也是分别拿到了父类的一个副本,两个子类之间也不会有什么关系(改变其中一个子类的方法是不会对另一个产生影响的)。
(2)构造函数的继承


//1
function Parent(){
  this.species = "人类";
 
}
function Child(name){
//把父类的this绑定到子类里来
Parent.apply(this,arguments);
 this.name = name;
}
//使用
var pp = new Child();
pp.species;//"人类"
//2

(3)es6中用class进行继承

class Parent{
 constructor(){
     this.species = "人类" ;
    }
}
class Child extends Parent{
   constructor(name){
    super();//调用父类的构造函数
    this.name = name;
   }
}

var child1 = new Child("pp");
child1.species;//人类

2 布局:flex布局
属性flex是 flex-grow flex-shrink flex-basis的缩写默认是 0 1 auto;

.container{
 display:flex;
 flex-director:column;//项目排列放式
flex-warp:wrap/unwrap//是否换行
 justify-content: space-between;//项目沿着主轴平均分布,最左和最右在轴上
 justify-content: space-around;//项目沿着主轴平均分布,最左和最右不会在轴上
 align-content://项目沿着交叉轴分布方式
flex:1//flex-grow设为1,默认为0,当有2倍大小的项目出现时,会自动伸展空间大小的

}

3 Symbol
Symbol用于处理在对象中可能重复的属性名,因为Symbol是唯一的。
var s1 = Symbol.for('ss');注册一个Symbol(ss),表明这个是唯一的。后面也可以调用。
取得注册的s1 的key
Symbol.keyFor(s1);//"ss"
遍历时最好用Reflect.ownKeys(object);来遍历对象,这样对象中的所有属性都可以取到。

你可能感兴趣的:(2019-05-20周结)