izwmain的博客

在js事件中有一些会持续触发，例如resize、scroll、mousemove。以mousemove为例，看看函数频繁执行的情况。const box = document.getElementById('box');let cnt = 1;function add(){ box.innerText = cnt++;}box.addEventListener('mousemove',...

function Human() { this.name = 'human'; this.sleep = function() { console.log(this.name + ' sleep'); }; this.friends = [1, 2, 3];}Human.prototype.age = 18;原型链继承原理：将父类的实例作为子类的原型functi...

前言__proto__属性和constructor属性是对象独有的prototype属性是函数独有的函数也是对象，所以函数也拥有__proto__和constructor属性let obj = { value: 0};console.log(obj.toString());//[object Object]__proto__属性__proto__属性是对象独有的，它总是由...

先上一张经典的js事件捕获和冒泡图举个例子<div id="box1"> box1 <div id="box2">box2</div></div>window.addEventListener( 'click', () => { console.log('window 冒泡'); }, false...

js类型转换转换规则在js中，类型转换只有3种，分别是：转换为boolean转换为string转换为number原始类型目标类型转换规则numberboolean除了0，-0，NaN，都为truestringboolean除了空串都为trueundefined,nullbooleanfalse引用类型,symbolboolean...

Webpack配置Vue热更新需要的包cnpm i vue webpack webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin style-loader css-loader vue-loader -Dnpm i vue webpack webpack-cli webpack-dev-server ...

Node.js允许跨域res.setHeader('Access-Control-Allow-Origin', '*');res.setHeader('Access-Control-Allow-Methods', 'PUT,POST,GET,DELETE,OPTIONS');res.setHeader('Access-Control-Allow-Headers', 'X-Requested-...

需要的包cnpm i react react-dom webpack webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin style-loader css-loader @babel/core @babel/preset-react babel-loader -Dnpm i react react-d...

需要的包cnpm i webpack webpack-cli html-webpack-plugin clean-webpack-plugin -Dnpm i webpack webpack-cli html-webpack-plugin clean-webpack-plugin -D配置webpack.config.jsconst path = require('path');c...

CSS品字布局方法一

meta标签的一些属性charset此特性声明当前文档所使用的字符编码，但该声明可以被任何一个元素的lang特性的值覆盖。一般设置为utf-8。<meta charset="utf-8"/>...