随笔分类 - javaScript
摘要：apply和call的作用 call和apply 都是用来修改函数中this的指向问题 例如： B.apply(A, argArr);即A对象应用B对象的方法 B.call(A, args1,args2,...);即A对象调用B对象的方法 function Person(name, age, sex
阅读全文
摘要：函数中的this指向 函数的调用方式决定了 this 指向的不同： 调用方式非严格模式备注 普通函数调用 window 严格模式下是 undefined 构造函数调用 实例对象 原型方法中 this 也是实例对象 对象方法调用 该方法所属对象 紧挨着的对象 事件绑定方法 绑定事件对象 定时器函数 w
阅读全文
摘要：原型 Javascript规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。 作用 数据共享，节省内存空间 案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title
阅读全文
摘要：Generator 主要参考: https://www.cnblogs.com/rogerwu/p/10764046.html Generator 函数的概念 Generator 函数是协程在 ES6 的实现，最大特点就是可以交出函数的执行权（即暂停执行） Generator函数的特征 1、func
阅读全文
摘要：js发生异步的情况 1、定时器都是异步操作 2、事件绑定都是异步操作 3、AJAX中一般我们都采取异步操作（也可以同步） 4、回调函数可以理解为异步（不是严谨的异步操作） 剩下的做同步处理 Promise详解 参考连接： https://www.runoob.com/w3cnote/javascri
阅读全文
摘要：scroll系列 获取元素内容的宽高 /* * 元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置) * offset系列: * offsetLeft:距离左边位置的值 * offsetTop:距离上面位置的值 * offsetWidth:元素的宽(有边框) *
阅读全文
摘要：定时器 BOM中的定时器 setInterval() 页面加载完毕后过了指定的时间后执行 该定时器循环执行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script> //B
阅读全文
摘要：BOM 页面的事件 window.onload 页面加载完毕后触发 window.onunload 页面关闭后触发 window.onbeforeunload 页面关闭之前触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
阅读全文
摘要：节点操作 节点属性: nodeType 节点的类型: 1:标签 2:属性 3:文本 nodeName 节点的名字 标签节点：大写的标签名字 属性节点：小写的属性名字 文本节点：#text nodeValue 节点的值： 标签节点：null 属性节点：属性值 文本节点：文本内容 案例 案例获取相关节点
阅读全文
摘要：操作DOM 常见获取页面元素的方式 根据id获取元素 var div = document.getElementById('main'); console.log(div); // 获取到的数据类型 HTMLDivElement，对象都是有类型的 // HTMLDivElement <-- HT
阅读全文
摘要：创建对象的三种方式 1.调用系统的构造函数创建对象 <script> var obj = new Object(); // 实例化对象 obj.name = "小苏"; // 给对象添加属性 obj.age = 38; obj.sex = "女"; obj.eat = function () { /
阅读全文
摘要：js创建数组 数组的定义 数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。 通过数组字面量创建数组 // 创建一个空数组 var arr1 = []; // 创建一个包含3个数值的数组，多个数组项以逗号隔开 var arr2 = [1, 3, 4]; // 创建一个包
阅读全文
摘要：JavaSctipt的书写位置 写在行内 <input type="button" value="按钮" onclick="alert('Hello World')" /> 写在script标签中 <head> <script> alert('Hello World!'); </script> </
阅读全文
