摘要:布局性能优化页面性能优化函数节流一个函数执行一次后只有大于设定的执行周期才会执行第二次函数防抖一个需要频繁触发的函数只有在规定时间内只让最后一次生效前面的不生效资源压缩与合并压缩压缩压缩文件合并与压缩非核心代码异步加载利用浏览器缓存预解析
当执行JS代码时,会生成执行环境,代码不是在全局执行环境中,就是在函数执行环境中.
JS解释器在解释一段代码时,第一阶段:对于var 会先找出来进行变量提升,给它们在内存提前开辟好空间,函数的话会将整个函数存入内存中,变量只声明并且赋值为undefined,第二阶段,代码执行.
call和apply都可以解决this指向,作用域是相同的,传参的方式不同.call可以接收一个参数列表,apply只接收一个参数数组.bind方法会返回一个函数,且通过bind实现柯里化.
1.css样式表放在页面头部Header内且Link链式接入,javaScript放在底部body结束标签前避免堵塞.
2.代码压缩:html/css/js/图片进行压缩,图片预加载,懒加载,图片加载使用TinyPNG.
3.减少DOM元素数量且减少使用:after等伪类的使用,有效避免页面重绘/重排.
4.不常变动的静态资源采用CDN分发,img标签设置高宽,减少页面重排/重绘,使用WebP格式图片,对原图进行98%压缩.
5.域名拆分:增加了浏览器请求的并发数,让浏览器能同时发起更多的请求,解决默认携带的Cookie问题,减少数据传输字节.
通常分为三类:前端类:业务代码本身html,css,js,图片等. 静态类:CDN资源类 动态类:后端API接口类.
6.合理使用dns-prefetch, prefetch,preload,defer,async;
执行上下文,尤其是词法作用域和闭包.提升机制,函数与块级作用域,以及函数表达式和声明
绑定,特别是bind,apply,this关键字,对象原型,构造函数和mixins,组合函数和高阶函数.
时间委托和冒泡,typeof instanceof和object.prototype,toString
使用回调,promiss和await和async处理异步调用.使用函数声明和表达式
如何遍历和操作DOM,包括使用document.querySelector和旧浏览器中的document.getElementsByTagName选择或查找节点。上下遍历(Node.parentNode,Node.firstChild,Node.lastChild和Node.childNodes),左右遍历(Node.previousSibling和Node.nextSibling)在DOM树中添加,删除,复制和创建节点,以及切换,删除或添加CSS类名等操作。
布局
页面性能优化
(1)函数节流:一个函数执行一次后,只有大于设定的执行周期才会执行第二次. (2)函数防抖:一个需要频繁触发的函数,只有在规定时间内,只让最后一次生效,前面的不生效. (3)资源压缩与合并(html压缩,css压缩,js压缩,文件合并与压缩) (4)非核心代码异步加载 (5)利用浏览器缓存. (6)预解析DNS.
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/101753.html
摘要:中使用操作符具体做了哪些事情创建了一个空对象空对象的属性指向构造函数的属性执行构造函数,将的指向前端面试题及答案浏览器篇前端面试题及答案篇前端面试题及答案篇前端面试题及答案性能优化篇 这篇文章并不是最全的前端面试题(没有最全,只有更全),只是针对自己面试过程中遇到的一些难题、容易忽略的题做一个简单的笔记,方便后面有面试需要的小伙伴们借鉴,后续内容会不定时更新,有错误之处希望大家不吝指出...
摘要:在标签中添加属性,本质上是跟在标签里面写属性时一样的,所以属性值最终都会编译为字符串类型。这个节点包括很多,比如,以及一些方法等方法。一个对象有很多,该集合名字为,里面有其他以及,里面有很多。 一、变量类型和计算 JS中使用typeof能得到哪些类型 变量类型 值类型:变量本身就是含有赋予给它的数值的,它的变量本身及保存的数据都存储在栈的内存块当中 引用类型:引用类型当然是分配到...
阅读 2076·2023-04-25 19:03
阅读 1221·2021-10-14 09:42
阅读 3399·2021-09-22 15:16
阅读 946·2021-09-10 10:51
阅读 1545·2021-09-06 15:00
阅读 2401·2019-08-30 15:55
阅读 485·2019-08-29 16:22
阅读 893·2019-08-26 13:49