03 2022 档案
摘要:大纲: 1- 输入一个url发生了什么? 1- 一个http请求、响应、页面渲染完整流程是怎样的? 1- 扩展:性能优化 1- js是单线程的, event loop 每一次事件循环后浏览器会有一个UI的渲染过程,那么在一次事件循环内触发的所有dom操作都会被当作为异步任务被放进异步任务队列中等待被
阅读全文
摘要:渲染原理: 虚拟dom + diff算法, 实现按需更新,提升dom更新效率 一: 什么是虚拟dom,一个js对象,用js对象来模拟一个真实dom 虚拟dom工作流: 1- 根据初始dom生成旧虚拟dom: oldVnode, 缺点一:所以首屏加载会慢一些 2- 根据修改后的dom结构生成一个新的虚
阅读全文