前端都该懂的浏览器工作原理，你懂了吗？

随着云计算的普及和 HTML5 技术的快速发展，越来越多的应用转向了浏览器 / 服务器（B/S）架构，这种改变让浏览器的重要性与日俱增，视频、音频、游戏几大核心场景也都在逐渐往 Web 使用场景切换。可以说，在 PC 端，浏览器已经处于绝对的统治地位。

可是我发现，大部分前端工程师对浏览器的理解，其实并不深入透彻。比如，面试时我通常会问候选者一个问题：“在浏览器里，从输入 URL 到页面展示中间发生了什么？”

这道题涉及到网络、操作系统、Web 等一系列的知识，如果你要开发流畅的页面，或者诊断 Web 页面中的性能问题，那你就需要了解 URL 是怎么变成页面的，只有弄懂这些之后，你才可以站在全局的角度定位问题或者写出高效的代码。

浏览器确实会涉及很多概念，不仅繁多而且琐碎，包括网络、渲染、安全，以及大前端相关的大量概念。比如，首屏的显示就涉及了 DNS、HTTP、DOM 解析、CSS 阻塞、JavaScript 阻塞等技术因素，其中一项没处理好就可能导致整个页面的延时。如果没有系统的学习，很容易出现遗漏和盲点。

因此，给大家推荐一个精心打磨的《计算机网络与浏览器原理训练营》，不同于别的课程，这个训练营通过带你深入理解底层原理，破解面试难题；还有助教全天答疑，不用担心被难点困住。

3天攻克计算机网络与阅览器原理

从理论基础到核心原理

集中精力各个击破！

讲师介绍

MAX老师

前手淘高级开发工程师  前哔哩哔哩项目组负责人 前网易技术顾问

精通前端自动化开发，自主研发基于Nodejs的自动化工具，RESTful的践行者，GraphQL的探索者。

维护专栏：《人人都能成为JavaScript技术专家》《Vue2.5.1 源码解析》《Vue3.0 源码解析》

参与项目（部分）：

Bilibili活管理后台 (系统）        某宝新春五福活动 (3D技术)

vusion 物料平台 (开源项目）   轻舟低代码平台 (闭源项目)

课程安排

上课时间：5月19日-21日，每晚20:00-21:30

课程服务：直播授课+讲师答疑+源码笔记+高清录播+作业布置

Day1：HTTP请求流程TCP/IP协议

1. 一个浏览器到底是如何工作之HTTP请求流程

2. OSI网络请求模型

3. 从输入URL到页面展示，这中间发生了什么？

4. DNS的工作原理-递归和迭代解析过程

Day2：浏览器工作原理与渲染流程

1. 构建DOM树

2. DOM树的具体生成流程

3. 样式计算与创建布局树

4. 分层、绘制、布局树几何位置计算

Day3：常用高级算法和代码优化的技巧

1. 浏览器内存模型

2. 逻辑运算进行性能优化

3. 位运算符进行性能优化

注：本次训练营会提供回放视频、PPT课件、课堂笔记和随堂源码。
回放视频会在当天晚上下课之后上传，找助教老师获取下载链接即可。PPT课件、课堂笔记和随堂源码会在5月21日统一发给完成全部作业且3天都到课的同学。

原价199

扫描下方二维码

0.02元报名

福利较大，限前200名

扫码参与必得咕泡内部福利：技术资料+大厂面试题库 

注意：为了保障学员可以获得老师的答疑服务，本次课程名额有限！

原价199

扫描下方二维码

0.02元报名

福利较大，限前200名