随笔分类 - Javascript
摘要：Promise结合setTimeout 题目1 console.log('start') setTimeout(() => { console.log('time') }) Promise.resolve().then(() => { console.log('resolve') }) consol
阅读全文
摘要：事件循环（event loop） 事件循环的过程 一开始的整体代码视为宏任务代码，先在执行栈同步执行 执行栈中的代码执行过程中产生新的微任务和宏任务，它们分别进入各自的队列 执行栈为空，检查微任务队列，将微任务按先进先出的顺序一个一个地提取到执行栈中执行 微任务队列为空时，开始执行宏任务，每当执行完
阅读全文
摘要：版本 "vue": "^3.0.0", "vue-router": "^4.0.11" 创建项目 vue create <项目名称>，配置选择默认的vue3配置。 npm install vue-router@next 然后安装生产环境的vue-router。 路由配置 新建目录src/router
阅读全文
摘要：配置 实践中用到的版本 "vue":"^2.6.12" "vue-router":"^3.5.2" 创建项目 vue create learnrouter创建vue项目，可以选择自定义创建，我这里选择的是默认vue2项目 npm install vue-router@^3.5.2下载，版本3.x的都
阅读全文
摘要：with关键字可以划分出一个属于某个对象的作用域，然后在该作用域内对该对象的属性进行更新。 例子： var obj = { a:1, b:2, c:3 } obj.a = 11; obj.b = 22; obj.c = 33; //等价于 with(obj){ a = 11; b = 22; c =
阅读全文
摘要：目录 演示 原理 touch对象 touch事件 targetTouches和touches的区别 实现（代码部分） 演示 第1个交互是点击弹出隐藏按钮 第2个交互是长按“百度”按钮，然后弹出隐藏按钮，然后保持长按向上移动，触点经过的按钮会有特效，松开就会选定并跳转。 原理 通过对touchstar
阅读全文
摘要：修改下列代码，使得打印结果为0,1,2,3,4 for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } 打印结果为5个5. 我的理解： //分解 var i = 0; setTimeout(f
阅读全文
摘要：觉得这个函数很有意思，所以把理解写下 幂集:由集合所有子集组成的集合 function powerSet(a){ const powerSet = new Set(new Set()); //空集 for(const aValue of a){ for(const set of new Set(po
阅读全文
摘要：ES6引入了类的概念，但其实底子里还是原型那一套。 以类Person为例： class Person{ constructor(){ this.name = "jack"; } } var o = new Person(); typeof Person; //Function o.construct
阅读全文
摘要：新函数创建时都会有一个prototype属性（指针）指向其原型 原型的constructor则是指向该函数 obj.prototype.constructor; //ƒ obj(){} 新函数可以作为一个构造函数new一个实例 var o = new obj(); o.__proto__; 这里的_
阅读全文
摘要：实际上，apply和call的功能是一样的，只是传入的参数列表形式不同。 call:在其中运行函数的作用域,必须逐个列举出来的传递给该函数的参数 apply：在其中运行函数的作用域和一个数组argArray或arguments。 call 和 apply的最大用处是扩展函数赖以运行的作用域—— wi
阅读全文
摘要：调用replace()找出每一个匹配的结果是相互独立的。先看例子： var text = "cat,bat,sat,fat"; var pattern = /(.at)/g; var res = text.replace(pattern,'world($1,$2)'); //world(cat，$2
阅读全文
摘要：Global对象是EMCAScript的一个单体内置对象。 ECMA-262对内置对象的定义是：“由ECMASript实现提供的、不依赖于宿主环境的对象，这些对象在ECMAScript程序执行以前就已经存在了。开发人员不必显式地实例化内置对象，因为它们已经实例化了。 ECMAScript中的Glob
阅读全文
摘要：#JavaScript toLocaleString()、toString()、valueOf()是JavaScript的复杂数据类型object的实例所具有的方法。 toString() 返回一个表示该对象的字符串。 每个对象都有一个 toString() 方法，当该对象被表示为一个文本值时，或者
阅读全文
摘要：计算字符个数 问题描述 JavaScript中，可以通过访问字符串的length属性来获得其长度，但对于多字节字符如中文，日文和韩文等，length并不能准确地返回字符串中的字符数目。 方法 //Array.from(string).length; "𠮷".length; //2，与预期不符 Ar
阅读全文
摘要：parseInt() 适用：只适用于字符串转换为整数，可以转换十六进制数、十进制数和八进制数 转换规则：从第一个数字字符或负号开始，到非数字字符结束，空字符转换结果为NaN（Number()则返回0），函数的返回结果要么为NaN，要么为十进制整数。 语法：第一个参数为要转换的字符串，第二个为该字符所
阅读全文
摘要：Number()适用于任何类型转换为数值类型（number） 5大基本数据类型：number，string，Boolean，undefined，null 1种复杂数据类型：object 参数为Boolean true 1 false 0 参数为number 简单的传入和返回，实际不做任何操作 参数为
阅读全文