原型链继承
摘要：prototype 对象是个模板，要实例化的对象都以这个模板为基础。总而言之，prototype 对象的任何属性和方法都被传递给那个类的所有实例。原型链利用这种功能来实现继承机制 把 ClassB 的 prototype 属性设置成 ClassA 的实例。这很有意思，因为想要 ClassA 的所有属
阅读全文
posted @ 2021-04-08 10:43
随笔分类 - JavaScript
实现JS数据拷贝
摘要：实现JS数据拷贝 实现一个函数 clone ,可以对JavaScript 中的 5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。 function clone(obj) { var o; switch(typeof obj){ case "u
阅读全文
posted @ 2021-04-08 10:01
charCodeAt() 方法
摘要：charCodeAt() 来获得字符串中某个具体字符的 Unicode 编码 返回字符串中指定位置的字符的 Unicode 编码 let str = "sufeng"; for (let i = 0; i < str.length; i++) { console.log(str.charCodeAt
阅读全文
posted @ 2021-04-08 09:42
indexOf 实例
摘要：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 value：必需，规定需检索的字符串值。可选的整数参数。 index：规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 ind
阅读全文
posted @ 2021-04-08 09:21
DOM事件流
摘要：DOM事件流 同时支持两种事件模型，捕获型事件和冒泡型，但是捕获型事件先发生，两种事件流会触及DOM中所有对象，从document对象开始，也在document对象结束。 添加事件 W3C标准的浏览器在添加事件时用addEventListener(event, fn, useCapture)方法，其
阅读全文
posted @ 2021-04-07 14:15
变量的结构赋值
摘要：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 1、以前， let a = 1; let b = 2; let c = 3; ES6 let [a, b, c] = [1, 2, 3]; 上边代码表示，可以从数组中提取值，按照对应位置，对变
阅读全文
posted @ 2021-03-29 11:52
事件代理机制
摘要：1、HTML <!DOCTYPE html> <html> <head> <title>event</title> </head> <body> <div id="obj1"> welcome <h5 id="obj2">hello</h5> <h5 id="obj3">world</h5> </d
阅读全文
posted @ 2021-03-26 17:00
JavaScript事件冒泡和捕获
摘要：事件流描述的是从页面接收事件的顺序 IE的事件是冒泡事件流， 而firfox的事件流是捕获事件流 一、事件冒泡 IE的事件流叫做事件冒泡，即事件从具体的元素到不具体的元素，好比气泡从水底下一直向上冒泡，像dom树一样，一直到根元素。 二、时间捕获 即从不具体的元素到具体的元素 事件传递定义了元素事件
阅读全文
posted @ 2021-03-26 15:54
ArrayBuffer对象
摘要：ArrayBuffer 对象、TypedArray视图和DataView视图是JavaScript操作二进制数据的一个接口，它们都是以数组的语法处理二进制数据，所以统称为二进制数据。 这个接口的原始设计目的，与WebGL项目有关。所谓 WebGL ,就是指浏览器与显卡之间的通信接口，为了满足Java
阅读全文
posted @ 2021-03-25 14:44
合并两个数组
摘要：下面两种合并数组的方法都是返回新的数组 1.数组合并的常规方法concat(): concat();方法为赋值并新增，返回一个新数组，只适合无嵌套的数组，concat();会将数组最外层的中括号去掉，然后对其元素进行拷贝。 var arr1 = [1,2,3]; var arr2 = [3,4,5，
阅读全文
posted @ 2021-03-16 18:46
判断一个对象是否为空
摘要：Object.keys() 如果对象不为空，则返回一个给定对象的自身可枚举属性组成的数组。 实际应用： if (Object.keys(objectItem).length>0) { ... }
阅读全文
posted @ 2021-03-04 15:07
求数组中最大的值
摘要：JavaScript 中有 Math.max返回最大值，但是 console.log(Math.max(5,8)) //8 console.log(Math.max(5,7,9,3,1,6)) //9 如上，它在所有入参中返回最大的值 很多情况下，我们需要找出数组中最大的元素， var arr =
阅读全文
posted @ 2021-03-04 15:02
filter( ) 方法
摘要：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 语法： array.filter(function(currentValue,[index],[arr])) currentValue：当前元素的值 示例1、 let arr = [56, 15, 48,
阅读全文
posted @ 2021-02-27 11:20
reduce( ) 函数
摘要：reduce( ) 方法接受一个函数作为累加器，数组中的每个值开始处理。 1 .计算数组总和 var num = [1,2,3,4,5]; var res = num.reduce(function(total,num){ return total+num; //return total + Mat
阅读全文
posted @ 2021-02-27 10:42
时间日期相关JS方法
摘要：返回当前月份 getMonth( )方法可返回表示月份的数字，返回值是0(一月)到11（十二月）之间的一个整数 返回当前月的天数 let days = new Date(year, month, 0).getDate()
阅读全文
posted @ 2021-02-24 16:47
