前端开发

一 定义 标准的MDN定义：用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 用简单通俗的话来说就是，判断左侧是否为右侧的实例化对象。 二 使用方法 使用格式为：a instanceof b。其中，左侧 a 为对象，右侧 b 必须为函数类型。 示例代码如下 ‘abc’ … 阅读更多 »JavaScript中 instanceof 的实现原理

Image是HTMLImageElement的封装类，或者说HTMLImageElement是Image的基类。在前端开发中，创建一个图像有时会使用如下代码。 let img = new Image(); … img.src = url; return img; 如果重写src的set操作，可使… 阅读更多 »如何修改Image或HTMLImageElement的src属性实现

1. Set 基本用法 ES6新增了Set，它类似于数组，但是成员的值不会重复，都是唯一的。 const s = new Set(); [1, 2, 3, 4, 3, 2, 1].forEach(x => s.add(x)); for (let i of s) { console.log(i); }… 阅读更多 »ES6入门教程笔记(10)-Set和Map

ES6对对象的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末原文。 属性的简洁表示法 ES6允许直接写入变量和方法，作为对象的属性和方法。这种写法更加简洁。 let x = 1; let name = ‘root’; // ES5 let obj = { x:x, name:name … 阅读更多 »ES6入门教程笔记(9)-对象的扩展

ES6对数组的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末的原文。 flat() 数组的成员可能还是数组，Array.prototype.flat()可以将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新的数组。 [1, 2, [3, 4]].flat() // [1, 2, 3… 阅读更多 »ES6入门教程笔记(8)-数组的扩展

基本用法 ES6允许使用“箭头”（=>）定义函数。 // 箭头函数 let f = () => 5; // ES5 let f = function() { return 5; }; 箭头函数用圆括号代表参数部分，如果代码部分多于一条语句，就用大括号括起来。 // 箭头函数 let sum = (n… 阅读更多 »ES6入门教程笔记(7)-箭头函数

1 函数参数的默认值 基本用法 ES6之前，函数参数不能指定默认值，只能用变通的方法。 function print(x, y) { y = y || ‘World’; console.log(x, y); } print(‘Hello’) // “Hello World” print(‘Hello… 阅读更多 »ES6入门教程笔记(6)-函数的扩展

Number.parseInt(), Number.parseFloat() ES6将全局方法parseInt()和parseFloat()，移植到Number对象上面，用法保持不变。 // ES5的写法 parseInt(‘12.34’) // 12 parseFloat(‘123.45#’) /… 阅读更多 »ES6入门教程笔记(5)-数值的扩展