js面试题-----运行环境
题目1:从输入URL到得到html的详细过程
答案:浏览器根据DNS服务器得到域名的IP地址
向这个IP的机器发送http请求
服务器收到、处理并返回http请求
浏览器得到返回内容进行页面渲染
题目2:window.onload和DOMContentLoaded
答案:页面的全部资源都加载完才会执行,包括图片视频等
DOM渲染完即可执行,此时图片、视频还没有加载完
题目3:性能优化
答案:多使用内存、缓存或者其他方法
减少CPU计算、减少网络
静态资源
静态资源的压缩合并,静态资源缓存,使用CDN让资源加载更快
使用SSR后端渲染,数据直接输出到HTML中
渲染优化
css放前面,JS放后面
懒加载(图片懒加载、下拉加载更多)
减少DOM查询,对DOM查询做缓存
减少DOM操作,多个DOM操作尽量合并在一起执行
事件节流
尽早执行操作(如DOMContentLoaded)