摘要:
原则 -- 用空间换时间 多使用内存,缓存 减少CPU计算量,减少网络的加载耗时 目标 加载更快 减少资源体积:压缩代码,图片:利用打包工具 减少网络访问次数:合并代码,SSR服务器端渲染,缓存 a.js b.js c.js ⇒ abc.js 服务器端渲染:将网页和数据一起加载,一起渲染 非SSR: 阅读全文
摘要:
题目 从输入url到渲染出页面的整个过程 window.onload和DOMContentLoader的区别 加载资源的形式 html代码 媒体文件,如图片,视频 js,css 加载资源的过程 DNA解析:域名 → IP地址 浏览器根据IP地址向服务器发起HTTP请求(建立TCP链接等) 服务器处理 阅读全文
摘要:
题目 描述cookie localStorage sessionStorage区别 cookie 是HTTP请求的一部分,用于浏览器和server通讯,被“借用”到本地存储; 前端用document.cookie = 'xxx'来修改 缺点 存储大小,只有4KB http请求时需要发送到服务端,增加 阅读全文
摘要:
题目 编写一个通用的事件监听函数 描述事件冒泡的流程 无限下拉的图片列表,如何监听每个图片的点击 事件绑定 document.getElementById('btn').addEventListener('click', event => { console.log('clicked') }) // 阅读全文
摘要:
题目 如何识别浏览器的类型 如何拆解url各个部分 navigator const ua = navigator.userAgent ua.indexOf('Chrome') // 无法准确确定是何种浏览器 screen screen.width screen.height location loc 阅读全文
摘要:
JS基础语法:ECMA 262标准 JS Web API: W3C 标准 题目 DOM是哪种数据结构 DOM常用API attr和property的区别 一次插入多个DOM节点,考虑性能 DOM的本质 XML(可扩展的标记描述语言)类似JSON HTML 是一种特定的XML文件,规定了一些特定的标签 阅读全文