CSS盒子模型分为W3C标准盒子(内容盒子)模型和IE盒子(边框盒子)模型。 盒子模型是由内容区、padding区、border区、margin区组成。 盒子模型相互转换使用box-sizing属性，属性值content-box代表W3C标准盒子模型，即设置的宽高是内容区的宽高，属性值border-box代表IE盒子模型，即设置的宽高是盒子的宽高。
行内样式，style属性内的特性值1000 id选择器特性值100 类选择器、伪类选择器、属性选择器特性值10 标签选择器、伪元素选择器特性值1 其他选择器* 空格 + > 特性值0 计算方式如下：比如遇见一个类选择器，则选择器的特性值加10，最终计算出整个CSS选择器的特性值。如果css属性有!important修饰，则优先级最高。如果特性值一样，则根据就近原则进行计算。
浮动布局 浮动元素的特点（脱离文档流） 定位布局 相对定位，绝对定位，固定定位，粘滞定位（相对点） 伸缩盒布局 伸缩盒容器，伸缩盒元素 栅格布局（第三方布局机制，利用浮动布局或者定位布局封装的企业级布局机制）
margin:0 auto; 利用相对定位 利用绝对定位 利用伸缩盒 如果父元素宽度固定，可以通过padding对子元素进行挤压 垂直居中 垂直居中的需求要比水平居中少一些，一般要明确父元素的高度、子元素高度，通过父元素的padding来挤压；或者是通过绝对定位
http协议是超文本传输协议，是客户端和服务器端进行交互的时候需要遵守的网络协议。 http协议中有请求报文和响应报文，请求报文中有请求头和请求体，响应报文中有响应头和响应体。 如果在浏览器中是以get方式向服务器发起的http请求，则请求参数以查询字符串形式携带在url后。 如果在浏览器中是以post方式向服务器发起的http请求，则请求参数携带在请求体中。
浏览器输入url地址-> 浏览器根据url封装为请求报文->请求报文发送到服务器端->服务器端对请求报文进行解析获取path,参数等信息->服务器端进行资源的查询->服务器端将前端需要的资源封装为响应报文-> 浏览器接收响应报文->浏览器进行解析
首先客户端浏览器发起http请求，然后服务器接收到请求，给出一个页面，浏览器接收到响应的html页面后，首先加载html页面，然后解析html代码，发现有外部css或者js引入后，开始加载外部css或者js，然后解析外部css或者js，最终将css与html代码绑定生成DOM树，然后渲染到浏览器中。
单个对象创建 构造函数方式 new Object() 对象字面量方式 {} 批量对象创建 工厂模式，所有创建出来的对象都是Object类型 构造函数模式，实例可以分类，但是方法冗余 原型模式，所有实例的属性和方法都在构造函数的原型对象中，对于每一个实例所私有的属性和方法不友好。 构造函数+原型模式(组合模式)，实例私有的属性和方法放到构造函数中，实例公共的属性和方法放到原型对象中。
ajax是异步的JavaScript和XML。用来进行异步请求。浏览器可以向服务器发送一个ajax请求，进行页面的局部刷新。 使用ajax：原生的ajax、jQuery封装的ajax、单独的http封装的第三方的库axios 原生ajax: var httpRequest = new XMLHttpRequest(); //建立连接 httpRequest.open(‘get’, ‘http://47.106.244.1:8099/manager/category/findAllCategory’); //发送请求 httpRequest.send(); //接受响应 httpRequest.onreadystatechange = function () { // http请求完成，并且状态是200的时候，代表请求成功 if (httpRequest.readyState === 4 && httpRequest.status === 200) { //获取响应数据 console.log(httpRequest.responseText); } if (httpRequest.readyState === 4 && httpRequest.status === 500) { console.log(‘错误：’ + httpRequest.responseText); } }
深拷贝就是复制内部内容 浅拷贝就是复制内存地址 var obj = {}; var o = obj; 浅拷贝 如果是针对DOM的复制，深拷贝就是复制本身及内部内容，浅拷贝是复制节点不复制内部内容。 dom.cloneNode(false) 浅复制 dom.cloneNode(true) 深复制
Object.defineProperty(obj,’name’,{ set:function(param){ console.log(‘属性发生更改，在这里监听。。。’); } }) obj.name = ‘zhangsan’; 就可以执行set方法进行监听属性的变化
Array.prototype.myForEach = function(handle,obj){ for(var i=0;i<this.length;i++){ handle.call(obj,this[i],i,this); } }
每一个构造函数都有一个原型对象，通过构造函数的prototype属性访问原型对象，也可以通过实例的__proto__属性来访问。 实例所能调用的属性和方法可以是实例本身的，也可以是实例的原型对象的。 通过原型可以实现原型链继承，原型链继承需要将子元素的原型对象指向父元素的实例。 通过Object.getPrototypeOf()来获取原型对象，通过Object.setPrototypeOf()来设置原型对象 13.当我们调用一个方法如何获取该方法的反馈结果？分别在哪种情况下使用。 可以使用return一个值来返回结果(同步的时候使用)，或者使用回调函数来将结果抛出（异步的时候使用）。 function test(a,b){ return a+b; } function test(a,b,fun){ fun(a+b); }
都是用于检测字符串中是否有满足正则表达式的内容 test()是正则表达式对象调用的，支持全局检索，返回true或者false search()是字符串调用的，不支持全局检索,返回索引或者-1
在ajax需要给post后台传递表单格式数据的时候，使用了qs。是从bootcdn中获取的qs的资源。 引用第三方资源的时候使用cdn,例如导入jQuery、iconfont、animate.css等资源的，无需下载，只需要通过script或link方式导入cdn的资源即可。好处在于其加载速度高，获取方便。
发生在嵌套的html结构中，为每层html都绑定事件 事件冒泡：事件由具体的点接受，从内往外传递到不具体的点接受。 事件捕获：事件由不具体的点接受，从外往内到具体的点接受。 DOM事件流：先事件捕获，先由不具体的点接受，从外往内到具体的点接受，然后再事件冒泡，从内往外传递到不具体的点接受。
不将事件处理函数直接绑定到目标dom元素上，而是绑定在其父元素上。其好处在于只需要在父元素绑定就可以为所有的子元素代理事件，当子元素动态添加或者删除的时候也不会影响。 在子元素动态添加或者删除的时候，使用事件代理
scp命令用于远程传输，也可以使用fillzilla、cyberDuck(小黄鸭)等第三方工具 ssh命令用于远程登录 ssh 用户名@ip地址
阿里云可以提供一个远程服务器，可以使用它进行linux学习，js学习，也可以用于搭建个人网站。 阿里云等云服务器一般作为项目的部署服务器，需要在阿里云上安装一些项目部署的环境，需要掌握基本的命令操作和vim操作。
var arr = [8,2,32,4,1,9]; 第一种：var result = arr.sort(); 第二种：var result = arr.sort(function(a,b){ return a-b; }); 第三种：var result = arr.sort(function(a,b){ if(a-b<0){ return -1; } return 1; }) 第三种（冒泡排序）：for (var i = 0; i < arr.length-1; i++) { //控制比较几轮 for (var j = 0; j < arr.length - 1 - i; j++) { //控制每轮内的比较 if (arr[j] > arr[j + 1]) { var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } 第四种（选择排序）：for (var i = 0; i < arr.length - 1; i++) { //假设0位是最小的 var minIndex = i; //从之后的元素中找最小的 for (var j = i + 1; j < arr.length; j++) { if(arr[j] < arr[minIndex]){ minIndex = j; } } var temp = arr[i]; arr[i] = arr[minIndex]; arr[minIndex] = temp; } 第五种（插入排序）：for(var i=0;i<arr.length-1;i++){ //比较相邻元素，如果当前要插入的元素比之前的相邻元素小，交换 for(var j=i+1;j>0;j–){ if(arr[j]<arr[j-1]){ var temp = arr[j]; arr[j] = arr[j-1]; arr[j-1] = temp; } } console.log(‘第’+(i+1)+‘轮’,arr); } console.log(‘排序后的数组’,arr);
