手写代码系列

（1）手写clearfix

.clearfix:after{
    content:'';    
    display:table;
    clear:both;
    }

  (2) 手写圣杯模型

（3）手写深拷贝 递归

const obj3={
    age:20,
    name:'xxx',
    address:{
    }
},
arr:['a','b','c']
function deeepClone(obj={}){

}

（4）手写画图解释原型链（class的原型和本质）

 

 （5）手写简易Jquery考虑插件和易扩展性代码演示

   (6）手写bind函数 视频6-4

（7）手写ajax get请求和post请求

<div>
      <input type="button" value="获取数据" onclick="getData()" />
    </div>
    <script>
      function getData() {
        const xhr = new XMLHttpRequest();
        xhr.open("GET", "test.json",false); //false 代表同步模式下

        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(JSON.parse(xhr.responseText))
            alert(xhr.responseText);
          } else {
            console.log("错误");
          }
        };
        xhr.send(null);
      }
    </script>