24、分层和合成机制:为什么CSS动画比JavaScript高效在[上一篇文章]中我们分析了CSS和JavaScript是如何影响到DOM树生成的,今天我们继续沿着渲染流水线向下分析,来聊聊DOM树之后所发生的事情。 在前面[《05 | 渲染流程(上):HTML、CSS和JavaScript文件,是如何变成页面的...2026-02-28浏览器工作原理与实践
25、页面性能:如何系统地优化页面在前面几篇文章中,我们分析了页面加载和DOM生成,讨论了JavaScript和CSS是如何影响到DOM生成的,还结合渲染流水线来讲解了分层和合成机制,同时在这些文章里面,我们还穿插说明了很多优化页面性能的最佳实践策略。通过这些知识点的学习,相信你已经...2026-02-28浏览器工作原理与实践
26、虚拟DOM:虚拟DOM和实际的DOM有何不同虚拟DOM是最近非常火的技术,两大著名前端框架React和Vue都使用了虚拟DOM,所以我觉得非常有必要结合浏览器的工作机制对虚拟DOM进行一次分析。当然了,React和Vue框架本身所蕴含的知识点非常多,而且也不是我们专栏的重点,所以在这里我们还是...2026-02-28浏览器工作原理与实践
27、渐进式网页应用(PWA):它究竟解决了Web应用的哪些问题在专栏[开篇词]中,我们提到过浏览器的三大进化路线: 第一个是应用程序Web化; 第二个是Web应用移动化; 第三个是Web操作系统化; 其中,第二个Web应用移动化是Google梦寐以求而又一直在发力的一件事,不过对于移动设备来说,前有本地Ap...2026-02-28浏览器工作原理与实践
28、WebComponent:像搭积木一样构建Web应用在[上一篇文章]中我们从技术演变的角度介绍了PWA,这是一套集合了多种技术的理念,让浏览器渐进式适应设备端。今天我们要站在开发者和项目角度来聊聊WebComponent,同样它也是一套技术的组合,能提供给开发者组件化开发的能力。 那什么是组件化呢? ...2026-02-28浏览器工作原理与实践
29、HTTP、1:HTTP性能优化谈及浏览器中的网络,就避不开HTTP。我们知道HTTP是浏览器中最重要且使用最多的协议,是浏览器和服务器之间的通信语言,也是互联网的基石。而随着浏览器的发展,HTTP为了能适应新的形式也在持续进化,我认为学习HTTP的最佳途径就是了解其发展史,所以在...2026-02-28浏览器工作原理与实践