dyChao

Js将字符串转数字的方式Js字符串转换数字方方式主要有三类：转换函数、强制类型转换、弱类型隐式类型转换，利用这三类转换的方式可以有5种转换的方法。 parseInt()parseInt()和Number.parseInt()是最常用的转换字符串为整数数值的方法，其中Number.parseInt()是ES6之后为了减少全局方法的定义才增加的静态方法，实质与全局方法parseInt()相同，他们的规则如下： 忽略字符串前面的空格，直至找到第一个非空字符。 如果第一个非空字符不是数字或者是正负号则返回NaN。 如果第一个是数字字符一直解析到一个非数字字符。 如果第一个是数字字符，能识别出各种整数 ...

v-model数据绑定分析v-model是Vue提供的指令，其主要作用是可以实现在表单<input>、<textarea>及<select>等元素以及组件上创建双向数据绑定，其本质上就是一种语法糖，既可以直接定义在原生表单元素，也可以支持自定义组件。在组件的实现中，可以配置子组件接收的prop名称，以及派发的事件名称实现组件内的v-model双向绑定。 描述可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定，其会根据控件类型自动选取正确的方法来更新元素，以<in ...

Js常见手写题总结间隔时间打印0-9每间隔1s打印一个数字。 async/await12345678(async () => { for (let i = 0; i < 10; ++i) { await new Promise(resolve => { console.log(i); setTimeout(resolve, 1000); }); }})(); 模拟递归调用1234567891011const print = ...

apply()、call()、bind()每个Function对象都存在apply()、call()、bind()方法，其作用都是可以在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 使用apply()、call()、bind()都能改变函数对象的this指向。 12345678910111213141516171819202122232425262728293031window.name = "A"; // 挂载到window对象的namedocument.name = "B"; // 挂载到document对象 ...

Set与WeakSetSet对象允许存储任何类型的唯一值，无论是原始值或者是对象引用，Set对象中的值不会重复。WeakSet对象允许存储对象弱引用的唯一值，WeakSet对象中的值同样不会重复，且只能保存对象的弱引用。 Set描述Set对象是值的集合，可以按照插入的顺序迭代它的元素，Set中的元素只会出现一次，即Set中的元素是唯一的，常用来作数组去重。 属性与方法 Set.prototype.constructor: 返回构造函数。 Set.prototype.size: 返回Set对象的值的个数。 Set.prototype.add(value): 在Set对象尾部添加一个元素，返回该S ...

async/awaitasync是ES7的与异步操作有关的关键字，其返回一个Promise对象，await操作符用于等待一个Promise对象,它只能在异步函数async function内部使用。async/await的目的是简化使用多个promise时的同步行为，并对一组Promises执行某些操作。正如Promises类似于结构化回调，async/await更像结合了generators和promises。 async语法1async function name([param[, param[, ... param]]]) { statements } ...

Js模块化导入导出CommonJs、AMD、CMD、ES6都是用于模块化定义中使用的规范，其为了规范化模块的引入与处理模块之间的依赖关系以及解决命名冲突问题，并使用模块化方案来使复杂系统分解为代码结构更合理，可维护性更高的可管理的模块。 CommonJSCommonJS是NodeJs服务器端模块的规范，根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性是对外的接口。加载某个模块，其实是加载该模块exports属性。总 ...

事件冒泡及阻止当一个元素接收到事件的时候，会把他接收到的事件传给自己的父级，一直到window，当然其传播的是事件，绑定的执行函数并不会传播，如果父级没有绑定事件函数，就算传递了事件，也不会有什么表现，但事件确实传递了。事件冒泡的原因是事件源本身可能没有处理事件的能力，即处理事件的函数并未绑定在该事件源上。它本身并不能处理事件，所以需要将事件传播出去，从而能达到处理该事件的执行函数。 实例当点击id为i3的<div>时，浏览器会依次弹出3 2 1，这就是事件冒泡，此正方形处于叶节点上，对其操作的事件会向上进行冒泡，直到根节点。 123456789101112131415161718 ...

Js箭头函数箭头函数是ES6新增的语法，提供了一种更加简洁的函数书写方式，类似于匿名函数，并且简化了函数定义。 完整写法完整写法类似于匿名函数，省略了function关键字。 12345var s = (a,b) => { console.log(a, b); // 1 2 return a + b;}s(1,2); 123456// 相当于var s = function(a,b) { console.log(a, b); // 1 2 return a + b;}s(1,2); 省略小括号当参数只有1个时，可以省略小 ...

Js中数组空位问题JavaScript中数组空位指的是数组中的empty，其表示的是在该位置没有任何值，而且empty是区别于undefined的，同样empty也不属于Js的任何数据类型，并且在JavaScript版本以及各种方法对于空位的处理也有不同，所以建议避免在数组中出现空位。 描述在JavaScript的数组是以稀疏数组的形式存在的，所以当在某些位置没有值时，就需要使用某个值去填充。当然对于稀疏数组在各种浏览器中会存在优化的操作，例如在V8引擎中就存在快数组与慢数组的转化，此外在V8中对于empty的描述是一个空对象的引用。在Js中使用Array构造器创建出的存在空位的问题，默认并不 ...