【今日小知识】

offset系列

 //offsetGeight    本身的高度 +  上下的边框  +  上下的内边距
 //offsetWidth     本身的宽度 +  左右的边框  +  左右的内边距
 /*
       offsetLeft
        1.父元素没有定位，相当于距离左侧浏览器的距离
        2.父元素有定位，相当于距离父元素左侧的距离
       offsetTop
        1.父元素没有定位，相当于距离上边浏览器的距离
        2.父元素有定位，相当于距离父元素上边的距离
    */

client系列

  //clientHeight      本身的高度   +  上下的内边距
  //clientWidth       本身的宽度   +  左右的内边距
  /*
        clienLeft     左侧边框
        clienTop      上边框
    */

闭包

function fun(n, o) {
      console.log(o);
      return {
         fun: function (m) {
            return fun(m, n);
         }
      }
   }
   var a = fun(0); a.fun(1); a.fun(2); a.fun(3); // undefined  0 0 0
   var b = fun(0).fun(1).fun(2).fun(3); // undefined 0 1 2
   var c = fun(0).fun(1);c.fun(2);c.fun(3); // undefined 0 1 1

bootstarp

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。（移动设备优先）

es6中对象方法的使用：

Object.is()函数  函数的作用：比较两个值是否严格相等，或者说全等 ===。
Object.assign(目标对象，源对象)函数 函数的作用：将源对象的属性赋值到目标对象上。
Object.getPrototypeOf()函数 函数的作用：获取一个对象的prototype属性。
Object.setPrototypeOf(实例化对象，{})函数 函数作用：设置一个对象的prototype属性。

字符串方法的使用：

      repeat()：将目标字符串重复N次，返回一个新的字符串，不影响目标字符串
      includes()：判断字符串中是否含有指定的子字符串，返回true和false。第二个参数从索引开始查找
      startsWith()：判断指定的子字符串是否出现在目标字符串的开头位置
      endsWith()：判断子字符串是否出现在目标字符串的尾部位置
      splice()从start开始截取元素，截取length个,返回新数组，start是索引,length是个数

es6 class类

 /*
    编写一个动物类，该类包含name的属性，和say的方法。 
    通过say方法可以打印动物说话了。编写一个Dog类继承
    动物类，要求该类中包含颜色的属性，该类重写say方
    法，要求打印父类的say方法里的内容，并且打印 动物
    颜色+动物名字+“叫了”。
    */
    class Animal {
        constructor(name) {
            this.name = name
        }
        say(){
            console.log(`${this.name}说话了`);
        }
    }
    class Dog extends Animal {
        constructor(name,color){
            super(name)
            this.color =color
        }
        say(){
            super.say()
            console.log(`${this.color}${this.name}叫了`);
        }
    }
    var dog = new Dog ('二哈','黑白')
    dog.say()