大华阿大华的博客

可以手写一个new()吗？首先了解下 new 执行的大致原理：1.创建新对象。2.对象的原型与构造函数挂钩。3.将对象作为上下文，执行构造函数。4.判断构造函数是否有返回对象或函数，有则返回，没有则返回创建的对象。// 模拟 new function myNew (constructor, ...args) { // 步骤1：创建新的对象 let targe = {} // 步骤2：将该对象的 __proto__ 与构造函数的 prototype 进行挂钩。 targe.__pro

javascript 继承可以理解为将一个对象所拥有的属性复制到另一个对象。这里记录几种实现的方式。首先定义一个父级构造函数： // 父级构造函数 A function A () { this.name = 'A' this.age = 16 } A.prototype.sayHi = function () { console.log('Hi i am A') }一、原型继承原型继承是通过将子类的原型 prototype 赋值为父类实例的方式来实现。

/**ToString将其他类型的值转换为 string 类型。*/// null 转为 “null”console.log(String(null)) // “null”// undefined 转为 “undefined”console.log(String(undefined)) // “undefined”// number 转为 对应的字符串。console.log(String(10)) // “10”console.log(String(-10)) // “-10”c

/**map1.保存键值对。2.迭代时会根据元素的原始插入顺序进行循环，每次迭代后会返回一个形式为 [key, value] 的数组。3.任何值（对象或原始值）都可以做为键或值。*/let myMap = new Map()let keyObj = {};let keyFunc = function() {};let keyString = ‘a string’;// 添加键myMap.set(keyString, “和键 ‘a string’ 关联的值”);myMap.set(

前言new Date() 在 ios 中存在兼容问题。在 ios 中使用 new Date(‘2019-12-02 10:00:00’) 会出现 Invalid Date 的报错，所以使用 new Date(‘2019-12-02 10:00:00’).getTime() 会出现 NaN。因为 ios 不支持这种时间格式。解决方式如下：// 将时间格式转化为 '2019/12/02 10:...

// 一、方括号 [] 用法let a = ‘abcd’let a2 = ‘532405’// [ab] 匹配方括号里任意字符console.log( a.match(/[ab]/g) ) // [‘a’, ‘b’]console.log( a.match(/[^ab]/g) ) // [‘c’, ‘d’]console.log( a2.match(/[0-3]/) ) // 第一次匹...

// /utils/index.jsfunction dateFormatInit() { String.prototype.dateFormat = Number.prototype.dateFormat = function( fmt = "yyyy-mm-dd HH:MM:SS" ) { let date = new Date(this); let fmtD...

前言前端通过 标签可以进行文件的读取，例如读取上传图片文件信息等，再对其进行进一步的操作。这时可以用到 FileReader 接口来进行文件数据的处理。FileReader 的方法abort() - 可用于中止读取readAsArrayBuffer() - 读取文件并且将一个包含文件内容的ArrayBuffer保存咋result属性中。readAsBinaryString() - ...

前言数组的 forEach 用于循环遍历数据，会对数组中有效的每一项执行一次回调函数，但是在遍历回调中使用 break 或 continue 会报错，使用 return 也无法终止循环。语法Array.forEach((currentValue, index, array, thisArg) => {})currentValue: 数组中正在处理的当前元素。index(可选)...

javascript获取元素高度可以通过这几种方式获取：cientHeight、offsetHeight、getComputedStyle、getBoundingClientRectclientHeight 获取的元素高度包括内边距。如果元素是 display: inline; 那么得到的结果是 0 。offsetHeight 获取元素的高度，包括内边距和边框的宽度。如果元素是 displa...

// 创建script标签，引入外部文件let script = document.createElement('script')script.type = 'text/javascript'script.src = 'http://xxx.xxx.js'document.getElementsByTagName('head')[0].appendChild(script)// 创建s...

一、数据类型JavaScript有lia两种数据类型：1.基本数据类型：Number、String、Undefined、Null、Boolean、Symbol。这六种数据类型数据段简单，大小可以确定，存放在栈中，是直接按值存放的，也可以直接访问。2.引用类型：如对象、数组等。这些对象的大小不一定，是存放在堆中的，其在栈中的值只是一个指向堆的指针。 二、引发的问题1.复制基本...

在手机端开发过程可能会遇到这样一个问题：底部有一个固定定位的按钮，然而每次一点击输入框，弹出输入法的时候，这个底部的按钮会随着输入法被顶上去。解决方法是，调用浏览器窗口改变时执行的函数。//原生 JSwindow.onresize = function(){ console.log("窗口发生改变了哟！");}//css.btns { position: fixed...

我们在安装npm包的时候经常会遇到 --save-dev 和 --save 这两个命令参数，两个命令都是往package.json文件里写入信息，两者有什么区别呢？1. --save 会把依赖包名称添加到 package.json 的 dependencies 键下，而 --save-dev 会添加到 devDependencies 键下。2.dependencies 是运行时的依赖，而d...

1.获取HTML元素    document.documentElement2.获取body元素    document.body3.兼容所有浏览器获取当前屏幕的宽度。   var winWidth = document.body.clientWidth || document.documentElement.clientWidth;4.兼容所有浏览器获取当前屏幕的高度。...