whqet

分割线，需要批评

```javascript //Node接口 //Node属性 //nodeType nodeName NodeValue textContent //firstChild lastChild childNodes //parentNode parentElement //previousSibling nextSibling ```

```javascript /* DOM document object model 文档对象模型 DOM 不是javascript的内容，浏览器API，操作文档的API，DOM操作是JS开发里常见任务 DOM 可以把按照树的方式进行组织，页面里面任何一个元素、属性、注释、文本等等树上的节点 DOM 实现文档的操作，找见元素，修改HTML，修改CSS 找见元素的方式 直接找见元素 document.querySelector 可以使用CSS选择器作为参数，返回第一个匹配的元素 Node对象 document.querySelectorAll 可以使用CSS选择器作为参数，返回所有匹配的元素 NodeList对象 document.getElementById 通过ID查找元素，返回唯一的匹配元素 Node对象 document.getElementsByName 通过Name查找元素，返回所有的匹配元素 NodeList对象 document.getElementsByTagName 通过标签名查找元素，返回所有的匹配元素 NodeList对象...

-----**表格编辑**----- ```html .dataTable{ border-collapse: collapse; border: 1px solid #000; width: 800px; margin: auto; } .dataTable td,.dataTable th{ border: 1px solid #000; text-align: center; line-height: 1.5; } .dataTable th{ background-color: #333;...

**左侧滑行菜单** ```html .leftMenu{ position: fixed; left: 0; top: 0; width: 60px; height: 100%; background-color: #ddd; transition: left .5s; } .leftMenu.close{ left: -60px; } .leftButton{ position: fixed; width: 40px; height: 40px;...

[JS短路判断](https://www.cnblogs.com/jiaoxueyan/p/7866846.html)

### 数组的常规操作 ```javascript //创建数组 //1. 直接量 var arrayTest=[]; var arrayTest1=[1,2,3,'4']; //2. 构造函数方式 var arrayTest2=new Array(); var arrayTest3=new Array(10); var arrayTest4=new Array(10,2,3,4,5,6,null,{},['a','b','c']); //添加元素 //1. 直接为对应的索引值赋值 arrayTest4[9]='d'; //2. push方法数组末尾添加元素 arrayTest4.push('e'); //3. unshift方法在数组首部添加元素...

### 数组的属性和方法 ```javascript //数组方法 //1. join方法，将数组中的所有元素转化为字符串并连接在一起 var str = arrayTest5.join(" ++ "); //console.log(str); //2.reverse方法，颠倒数组元素顺序 arrayTest5.reverse(); //3.sort排序 arrayTest5.sort(); //console.log(arrayTest5); //4. concat 连接数组，返回新数组，原始数组不变 var arr01 = [1,2,3]; var arr02 = [4,5,6]; var...

```javascript /* 对象直接量 * */ var stu = { name:'王海庆', age:18, sayHello:function(){ console.log('hello'); }, introduct:function(){ console.log(`大家好，我是${this.name},今年${this.age}岁！`); } } stu.sayHello(); stu.introduct(); ```

```javascript /* 构造函数和原型 * */ var Student = function(name,age){ this.name = name; this.age = age; } Student.prototype.tall = 180; Student.prototype.sayHello = function(){ //console.log("你好，我是"+this.name+"，我身高有"+this.tall+"呢"); console.log(`你好,我是${this.name},我身高有${this.tall}呢?`); } var stu = new Student('王海庆',18);...