js
文章平均质量分 78
vanessa_earth
你不勇敢,没人替你坚强
展开
-
js垃圾回收机制
js垃圾回收机制原创 2022-09-02 21:55:03 · 371 阅读 · 0 评论 -
消息任务-同步任务-异步任务-宏任务-微任务
同步任务:正常写的js代码异步任务:所有非同步的任务微任务:promise.resolve()的then宏任务:setTimeout,setInterval,入队列到任务的末尾同步任务执行完毕,执行微任务,微任务执行完毕,执行宏任务任务执行的演示:参考一个地址https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/...原创 2020-07-18 12:48:45 · 205 阅读 · 0 评论 -
js对象的浅拷贝和深拷贝
js对象的浅拷贝和深拷贝判断数据类型js数据类型分类:js数据存储方式:浅拷贝生成新数组的方式生成新对象的方式深拷贝方法一:深拷贝方法二:判断数据类型js数据类型分类:基本类型(string,number,boolean,null,undefined)引用类型 (object,array,function,Date(),RegExp())js数据存储方式:基本类型: 存储在栈中的...原创 2020-04-19 22:25:58 · 98 阅读 · 0 评论 -
给旧项目添加eslint
1.用vue-cli新建一个新的项目,使用eslint规则2.将eslint中的配置拷贝到旧项目中a.添加eslintrc.js文件// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parserOptions: { parser: 'babel-eslin...原创 2019-02-28 13:52:31 · 963 阅读 · 0 评论 -
js-ES6的那些新鲜事儿-4
1.迭代器(Iterator)迭代器是一种有序的,连续的,基于拉取的用于消耗数据的组织方式。iterator有next()方法,取得下一个iteratorResult,iteratorResult包含value(当前迭代器值)和done(完成状态)var arr=[1,2,3];var it=arr[Symbol.iterator]();it.next(); //{value: ...原创 2018-10-24 12:44:48 · 135 阅读 · 0 评论 -
Chrome开发者工具中的performance检测页面性能
主要有4方面:(对照下图)1.控制按钮。2.overview。页面性能的高级汇总(FPS:帧率,CPU:CPU占用,NET:网络请求)3.火焰图。CPU堆叠追踪的可视化(左侧名称是主线程的各种事件,Network:网络请求详细情况)4.数据统计。以图表的形式汇总数据(summary:统计报表,Bottom-Up:事件时长顺序,Call Tree:事件调用顺序,Event log:事件发生的......原创 2018-08-24 16:54:49 · 36352 阅读 · 0 评论 -
js中的对象
js的的基本类型: 简单基本类型:string,number,boolean,null,undefined,symbol(es6新增,符号,具有唯一性) 复杂基本类型:object(包含Array,function)对象定义的2种形式:声明(文字)形式和构造形式//声明形式var obj1={ key:value;}//构造形式var obj2=new O...原创 2018-08-22 18:58:39 · 272 阅读 · 0 评论 -
js中琢磨不透的this指向
函数调用栈:function baz(){ //当前调用栈:baz,当前调用位置在全局作用域 console.log('baz'); bar(); //bar的调用位置}function bar(){ //当前调用栈:baz->bar,当前调用位置在baz中 console.log('bar'); foo(); ...原创 2018-08-22 14:07:21 · 125 阅读 · 0 评论 -
js-原型链
1.原型-prototype对象有一个特殊的内置属性prototype,所有对象在创建时prototype被赋予一个非空的值如果一个对象中不存在某个属性,就会到原型链上找一直找,如果能找到返回对应的值,如果找不到返回undefined使用for..in遍历查找时和查找原型链类似原型的尽头:Object.prototype属性设置和屏蔽给对象设置属性并不是仅仅是添加一个新属性...原创 2018-07-31 22:05:54 · 115 阅读 · 0 评论 -
时间段转化时分秒显示
参数time是时间段长度,单位为秒,如1小时,time=3600function timeTransform(time) { var t = parseInt(time), hh, ii, ss; hh = Math.floor(t / 3600); hh = hh ? (hh + ':') : ''; ii = hh ? Math.floor(t % 360...原创 2018-05-25 11:42:14 · 2348 阅读 · 0 评论 -
js那些坑-2
1.原生函数(native function)常用原生函数有:String(),Number(),Boolean(),Array(),Object(),Function(),RegExp(),Date(),Error(),Symbol().内部属性[[class]]:typeof返回object的对象都有一个内部属性,这个属性无法直接访问,可以通过Object.prototype.toString...原创 2018-03-26 11:00:25 · 160 阅读 · 0 评论 -
js-ES6的那些新鲜事儿-3
1.箭头函数参数用括号()括气来,一个参数直接写name=>{},函数体用大括号{}括气来,如果省略了{},意味着表达式前面有一个隐含的return箭头函数总是函数表达式,不存在箭头函数声明,他是匿名函数,没法用于递归,事件绑定使用箭头函数作为回调,this绑定不是动态的是,箭头函数内的this是从包围的作用域中继承而来的this,还有argument,super,new.target都是一...原创 2018-03-20 15:59:42 · 141 阅读 · 0 评论 -
js-ES6的那些新鲜事儿-2
1.解构赋值//数组结构var [a,b,c]=[1,2,3]; //a=1,b=2,c=3//对象结构var {name:name,age:age}={name:'tom',age:3}var {name,age}={name:'tom',age:3} //前后一致,可以省略等号前面的前面的namevar {name:username,age:userag...原创 2018-03-19 19:06:32 · 133 阅读 · 0 评论 -
js-ES6的那些新鲜事儿-1
1.变量声明用let,let声明的变量有块级作用域(一对大花括号{}),在块外部不可访问,变量i只存在for循环内部,外部访问会报错。for(let i=0;i<5;i++){ console.log(i); //0 1 2 3 4}console.log(i); //Uncaught ReferenceError: i is not definedlet声明的变量(a)在l...原创 2018-03-19 15:49:18 · 117 阅读 · 0 评论 -
js那些坑-1
1.数据类型string,number,boolean,null,underfined,object,symbol(符号,es6新增)typeof 数据,返回当前数据的数据类型,typeof 'aa'; //返回"string"typfof 11; //返回"number"typeof true; //返回"boolean"typeof unde...原创 2018-03-16 18:03:45 · 228 阅读 · 0 评论