![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 51
wang_NiFeng
这个作者很懒,什么都没留下…
展开
-
前端——错误监测
1、前端错误的分类: (1)即时运行错误——代码错误 (2)资源加载错误2、错误的捕获方式: (1)即时运行错误的捕获方式: try....catch; window.onerror——只能捕获即时运行错误,不能捕获资源加载错误 (2)资源加载错误 Object.onerror ...原创 2018-07-18 17:07:42 · 402 阅读 · 0 评论 -
map()和reduce()函数
有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以用map实现如下:由于map()方法定义在JavaScript的Array中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新的Array作为结果:function pow(x) { return x * x;}var arr = [...转载 2018-08-16 22:59:56 · 184 阅读 · 0 评论 -
页面海量数据优化加载
要求:将10W条数据一次渲染到页面上?分析:·数据量过大,出现卡顿感的主要原因是,在每次循环中,都会修改 DOM 结构,并且由于数据量大,导致循环执行时间过长,浏览器的渲染帧率过低。·从 减少 DOM 操作次数 和 缩短循环时间 两个方面减少主线程阻塞的时间.·通过 DocumentFragment 的使用,减少 DOM 操作次数,降低回流对性能的影响;·在缩短循环时间方面,我们可以...原创 2018-08-16 21:21:59 · 1446 阅读 · 0 评论 -
JS内存泄漏
内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。 垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0(没有其他对象引用过该对象),或对该对象的惟一引用是循环的,那么该对象的内存即可回收。 setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。 闭包、控制台日志、循环(在两个对象彼此引用且彼此保...原创 2018-08-13 22:07:53 · 213 阅读 · 0 评论 -
JS垃圾回收机制
JS具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。Js常见的垃圾回收方式:标记清除、引用计数方式。1、标记清除方式: 工作原理:当变量进入环境时,将这个变量标记为“进入环境”。当变量离开环境时,则将其标记为“离开环境”。标记“离开环境”的就回收内存。 工作流程:垃圾回收器,在运行的时候会给存储在内存中的所有变量都加上标记; 去掉环境中的变量...原创 2018-08-13 22:03:43 · 199 阅读 · 0 评论 -
数组和对象的API
JS数组的原生方法:arr.concat(arr1,arr2,arrn)arr.join(‘,’)arr.sort(func) //排序,默认是按照字典序排序arr.pop();arr.push(e1,e2,en)arr.shift() //删除数组的第一个元素,并返回该元素arr.unshift(e1,e2,en) //在数组的第一个位置添加元素...原创 2018-08-01 22:39:30 · 420 阅读 · 0 评论 -
DOM和BOM
注:W3C标准没有规定任何JS基础相关的东西(如:变量类型、原型、作用域、异步)。它只管定义用于浏览器中JS操作页面的API和全局变量。JS内置的全局函数和对象:object、Array、Boolean、string、Math、JSON、window、document、Navigator、UserAgent1、DOM的本质——文档对象模型 DOM可以理解为:浏览器把拿到的htm...原创 2018-08-01 22:35:39 · 181 阅读 · 0 评论 -
JS事件
1、通用事件绑定 var btn = document.getElementById('btn1'); btn.addEventListener('click',function (event) { console.log('clicked'); })//////////////////////////////////////////////////...原创 2018-08-01 22:32:13 · 121 阅读 · 0 评论 -
异步与单线程
1. 什么是异步?阻塞程序进行2. 何时需要异步?在可能发生等待的情况,等待过程中不可能像alert一样阻塞程序进行,因此所有的“等待情况”都需要异步。3. 前端使用异步的场景?定时任务:setTimeout、setInterval 网络请求:Ajax请求、动态<img>加载 事件绑定4. 异步和单线程 js是单线程语言,浏览器只分配给js...原创 2018-08-01 22:27:06 · 385 阅读 · 0 评论 -
原型和原型链
原型和原型链1、构造函数—首字母一定大写function Foo(name,age){this.name = name;this.age = age;this.sex = '女';// return this; //默认有返回行}//创建对象var f = new Foo('zhangsan',20);执行过程:(1)开始执行,th...原创 2018-07-30 11:02:57 · 137 阅读 · 0 评论 -
事件侦听器函数
maryun.Event = { //页面加载完成后 readyEvent:function (fn) { if(fn==null){ fn = document; } var oldonload = window.onload; if(typeof window.onload != 'fun...转载 2018-08-20 16:17:24 · 524 阅读 · 0 评论