代码随想录

1.视口 根据浏览器窗口的大小的单位，不受显示器分辨率的影响 布局视口一般都PC端的页面使用 移动端的页面，一定要设置 理想视口 1.1.理想视口 //理想视口有一些兼容性的问题 ，而且有时候会 出现一些莫名其妙的问题 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 1.2.标准理想视口 //开发中推荐使用标准理想视口 <meta name='viewport'...

事件三要素 事件源 ------谁来做 事件类型------怎么做(点击,双击,鼠标移入,移出等等等) 事件处理函数-------做什么 节点 在文档树上的内容，称之为节点 有哪些节点 元素节点 属性节点 文本节点 注释节点 节点的特性 节点类型----nodeType 节点名称----nodeName 节点内容----nodeValue 节点介绍 1.元素节点 let box = document.getElementsByT...

1.数组 1.1.数组的创建方式 字面量创建 //底层实现： new Array(); var arr = []; 数组构造函数创建 var arr1 = new Array(); 1.2.js内置数组对象的方法 toString() 将数组中的每一项拿出来，使用逗号隔开，变成一个字符串 valueOf() 返回数组本身 join() 使用一个字符将数组分割成一个字符串；join方法不传入参数，默认使用逗号分割 concat...

1.函数的三种定义方式 1.1.函数声明 function 函数名称() { // 函数要执行的代码（要做的事情） } 1.2.函数表达式 var fn = function() { // 函数执行代码 } 1.3.函数对象构造函数 var 变量名 = new Function('函数的执行代码'); 2.函数三要素 函数名称 函数参数 函数返回值 3.匿名函数 没有函数名称的函数成为匿名函数，匿名...

es6之前没有提供extends关键字用于类的继承，但是可以通过构造函数+原型对象模拟实现继承，被称为组合继承 组合继承分为两步： 一是属性的继承，在构造函数中添加改变this指向的call()方法让父类的this指向子类 二是方法的继承，将父类的实例赋值给子类的的原型对象（prototype），再将子类原型对象上的构造器（constructor）指回子类 属性继承示例 Father.call(this,...) 在子类构造器中使用，使得父类的this指向子类 ...

call，apply，bind三个方法都用来处理函数内部this指向的问题 call：会自动调用函数，并且改变this指向 // call：函数的方法，作用，改变this指向 // 普通函数 function fn (a, b) { console.log(this, a, b);// this指向window[window调用的这个函数] } // fn(); var obj = {name : '张三丰', age : 22}; // 改变this指向

this的指向，是当我们调用函数的时候确定的，调用的方式不同决定this的指向不同。this一般指向调用者 调用方式 this指向 示例 普通函数调用 window function fn() { console.log('这是一个函数要执行的代码'); } fn(); 构造函数调用 实例对象，原型对象中的方法也指向实例对象 function Person (uname, age).

原型对象 原型对象（prototype）是构造函数的一个属性 function Person (uname, age) { this.uname = uname; this.age = age; } // 每个构造函数都有一个属性，prototype，称为原型对象 // console.log( Person.prototype ); Person.prototype.say = function () { console.log('说话哇哈哈'); }..

由构造函数访问的，是静态成员 由实例对象访问的，是实例成员 function Person (uname, age) { this.uname = uname; this.age = age; } // console.log( Person ); // 在构造函数身上.的成员，我们称为静态成员，只能由构造函数访问 // 在构造函数里面的成员，我们称为实例成员，只能由实例对象访问 Person.sex = '男'; // 成员 var o = new...

class Star { //构造器 constructor (uname, age, sex) { // uname姓名，age年龄，sex性别 // 对象.属性 = '值'; // 构造函数再new的时候，就会执行 this.uname = uname; this.age = age; this.sex = sex; // 构造函数中的this指向当前对象 console.log(this); } } // 对.

字面量创建 var obj = { // 属性名：属性值, // 键值对 // 成员 name : '张三丰', age : 22, sex : '男', // 函数也是一种特殊的数据 taiji : function () { console.log('打太极'); } }; // 遍历对象： for ( key in obj ) { // 注意：访问属性有两种模式，对象.属性，对象['属性'] // 在遍历对象的时候，必须用,对象['属性'] console.log(