随笔分类 -  浏览器原理和HTTP网络

前端开发工程师必须要了解的每天和自己打交道的工具的底层一些原理。
摘要:在寻找答案之前,先思考下面这些问题和其背后的原因: 问题1:内嵌的JS脚本和外部JS文件会阻塞DOM解析和页面渲染么? 问题2:为什么我们一般情况下要将页面的script标签放置在body元素的最底端? 问题3:script标签的async和defer都是做什么用的? 问题4:内嵌的CSS样式和外部 阅读全文
posted @ 2021-12-06 23:14 小高同学1997 阅读(856) 评论(0) 推荐(0) 编辑
摘要:当网络进程将资源提交给渲染进程的时候,此时渲染进程就要开始渲染页面了。浏览器的渲染机制是十分复杂的,所以渲染会被划分为很多子阶段,输入的HTML、CSS、JS以及图片等资源经过这些阶段,最终输出像素展示到页面上,我们把浏览器的这样一个处理流程叫做渲染流水线。 渲染流水线 按照渲染的时间顺序,我们把浏 阅读全文
posted @ 2021-12-02 23:17 小高同学1997 阅读(81) 评论(0) 推荐(0) 编辑
摘要:从输入URL到页面展示,这中间发生了那些过程?这是一道十分经典的面试题,我们应该首先从宏观的角度,也就是浏览器的多进程架构来分析这个过程中有哪些进程有参与和配合?其次我们应该从微观的角度细致入微的搞清楚每一个步骤发生了什么事情,只有这样才可以完整清晰的回答好这个面试题。 浏览器多进程间的协作过程 在 阅读全文
posted @ 2021-12-02 23:15 小高同学1997 阅读(151) 评论(0) 推荐(0) 编辑
摘要:HTTP协议是建立在TCP连接基础之上的,它是一种允许浏览器向服务器发送请求获取资源的协议,是Web的基础。通常都是由浏览器发起请求,来获取服务端的资源如HTML文件、CSS和js文件,除此之外还可以获取图片和视频等资源,而作为前端开发,了解和浏览器打交道最广的HTTP协议的请求流程,是十分重要的。 阅读全文
posted @ 2021-12-02 23:13 小高同学1997 阅读(2337) 评论(0) 推荐(0) 编辑
摘要:互联网其实就是由一套理念和协议组成的体系架构,而协议的含义就是一套多方都认可和遵守的规则和标准,那么只要互联网上大家都遵守这一套约定俗成的协议,它们之间的通信才会变得毫无障碍。 一、IP协议:将数据包送达主机 在网络中,一个文件通常会被拆分为很多数据包来进行传输,而数据包在传输过程中又有很大概率丢失 阅读全文
posted @ 2021-11-28 21:11 小高同学1997 阅读(224) 评论(0) 推荐(0) 编辑
摘要:一、Chrome浏览器的任务管理器 Chrome浏览器任务管理器打开方式 Chrome浏览器右上角选项 - 更多工具 - 任务管理器 快捷键 Shift + Esc 打开任务管理器 Chrome浏览器任务管理器的作用 基于Chrome浏览器的任务管理器,可以查看当前浏览器开启了那些进程,以及每一个进 阅读全文
posted @ 2021-11-27 23:18 小高同学1997 阅读(1013) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示