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);来遍历对象,这样对象中的所有属性都可以取到。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,910评论 2 9
  • 本文为阮一峰大神的《ECMAScript 6 入门》的个人版提纯! babel babel负责将JS高级语法转义,...
    Devildi已被占用阅读 2,042评论 0 4
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,172评论 1 32
  • 概述 ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加...
    oWSQo阅读 551评论 1 3
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,286评论 0 21