search

murphywuwu / interview

面试 基础 算法
2 stars 2 forks source link

浏览器是如何解析渲染代码的 #70

Open murphywuwu opened 3 years ago

murphywuwu commented 3 years ago
  1. 为什么说script标签建议放在body下面
  2. 为什么说script标签会阻塞页面的渲染？渲染线程和js引擎线程不是分开的吗
  3. 有哪些浏览器渲染流程，DOM解析遇到script标签会怎样
  4. js操作DOM和修改css时如何注意性能
  5. 什么情况下会阻塞DOM渲染
  6. 如何监听img加载完成
  7. CSSOM是如何寻找DOM节点并生成Render Tree的
  8. 监控相关的，说说你了解的performance相关的信息，完全可交互时间，哪些静态资源会阻塞页面渲染，怎么解决，有什么区别
  9. 说一下回流和重绘，怎么进行优化(批量操作，DOM离线操作)
  10. 浏览器渲染过程，回流重绘等等，load，DOMContentLoaded等等事件的触发顺序
  11. iframe中脚本的执行是否会阻塞页面渲染线程和JS线程，从不同浏览器内核去分析
  12. 浏览器怎么开线程
  13. 浏览器多线程有哪些种类，具体用到那个API
  14. 浏览器里除了JS还能运行什么，JS代码最终是在哪里执行的，一段JS代码是如何执行的
  15. 详述JS异步机制，能不能说说你对EventLoop的理解 宏任务和微任务
  16. 详述promise异步机制
  17. script标签中async和defer的区别
  18. setTimeout的执行原理
  19. 浏览器端和Node端事件循环的区别
  20. requestAnimationFrame和setTimeout的区别
  21. setImmediate和Process.nextTick的区别
  22. setTimeout和Promise的异步的区别，在浏览器和Node下的区别
murphywuwu commented 3 years ago

https://lucifer.ren/blog/2019/12/11/event-loop/

murphywuwu commented 3 years ago

分析关键渲染路径性能 https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp?hl=zh-cn