性能优化
文章平均质量分 75
汪小穆
走在成为web前端大牛路上......
展开
-
【性能优化】探究各类数组方法遍历性能,以及与Oject检索速率比较
前言:JavaScript中存在许多遍历数组的方法,如for in,forEach,map,filter等,以及ES6新增的for of方法。每个项目经常会出现频繁的遍历数组的场景,且JavaScript的执行是单线程的,所以对于性能的探究,就显得很有必要了。原创 2021-04-26 16:21:52 · 659 阅读 · 0 评论 -
【性能优化】浏览器加载,解析,渲染过程(在不考虑http协议、缓存、网络等情况下)
前言:要优化浏览器性能就要先去了解浏览器加载解析页面的过程。(这里并没有去考虑http协议,缓存,网络等相关因素,这里就只单纯考虑html,css,js,图片加载解析过程)。 一、浏览器加载,解析,渲染过程。先看一个例子<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....原创 2018-06-08 18:53:14 · 894 阅读 · 0 评论 -
【JavaScript】惰性加载函数
前言:在大型应用中,如果在使用频率很高的函数程序中存在客户端检测的判断语句,这样每次调用这个函数的时候都要进行一次客户端检测,有没有判断触发函数的时候就只进行一次客户端检测呢? 一、问题还原let addHandler = function(element, type, handler){ console.log('客户端检测......'); if(element....原创 2018-10-22 14:48:10 · 367 阅读 · 1 评论 -
【css】background-position陷阱与移动端雪碧图处理
前言:大家肯定都试过给元素添加背景background,并且用的绝对不少,但是其中的background-position,你真的了解吗?我们往往要把页面的中的众多图标合并成一张雪碧图,已减少对服务器的图片请求次数。pc端处理雪碧图是很好处理,但是移动端如果不熟悉background-size跟background-position,处理起来还是有很大麻烦的。一、例子①测试图片:...原创 2018-06-13 18:52:03 · 3418 阅读 · 0 评论 -
【JavaScript】防止事件被频繁触发。
前言:接到过这样一个任务,是做一个客户预约信息的填写界面,里面很多信息必须要填写。而设计那边提出要让所有信息都要有填写才能让“确认登记”按钮变颜色,并变得可以点击。问题就来了,如果用户每onkeyup一次我就去判断->所有input标签的value值是否为空,那用户填写一遍下来,估计事件要触发四五百次,这是多么恐怖的一件事情和资源浪费!!。一、问题起始<body>...原创 2018-04-20 11:38:09 · 4443 阅读 · 0 评论 -
【JavaScript】事件委托
前言:阻止事件冒泡,这句话经常听到,也会经常用到。其实事件冒泡也是有用处的,其中一个就是事件委托啦!一、简单事件绑定例子<body><ul> <li>1</li> <li>2</li> <li>3</li> <li>4&a原创 2018-04-20 14:15:42 · 334 阅读 · 0 评论