网页中的运行环境是浏览器1.JS上线后运行在什么地方？下载网页代码并渲染页面，这期间会执行几个js代码。稳定高效的网页加载流程性能优化安全性2.网页是如何渲染的？从输入url到渲染页面的全过程DNS解析：域名->IP地址，浏览器根据IP地址向服务器发起http请求，服务器处理http请求 并返回到浏览器 加载资源的表单，加载资源的过程，页面渲染的过程？ 基于html生成DOMTree 基于css代码生成CSSOM 将DOMTree和CSSOM整合形成RenderTree 基于RenderTree渲染页面 遇到脚本，暂停渲染，优先排序加载并执行js代码，完成后继续 为什么要把链接css放在头部呢？ 为什么要把scriptjs放在最后呢？ window.onload和DOMContentLoaded的区别： window.onload：会在页面所有资源加载完成后执行，包括图片、视频等。 DOMContentLoaded：可以在DOM渲染完成。3.前端性能优化 使用更多的内存、缓存或其他方法 减少CPU计算，减少网络加载时间（空间换时间） 使加载更快 减少资源大小：压缩代码 减少访问次数：合并代码、SSR渲染、缓存 让渲染速度更快 尽快执行js 图片延迟加载 DOM用于缓存，组合并插入DOM结构 油门和防抖去抖 4.防抖去抖监听输入框。文字变化后，触发change事件，直接使用keyup事件。change事件会频繁触发。防抖是指用户输入结束或暂停时触发change事件
