整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

深入浅出详细讲解CSS 渲染原理以及优化策略


者:Jartto

转载链接:http://jartto.wang/2019/10/23/css-theory-and-optimization/

览器输入URL到页面渲染完成,这个过程大致可分为两个阶段:网络通信和页面渲染。

一、网络通信

互联网内各网络间设备的通信遵循TCP/IP协议,利用TCP/IP协议进行网络通信时,会通过分层与对方通信。数据传输的过程:由应用层产生数据后,经过传输层的分段处理(添加TCP或UDP包头)、网络层(添加IP地址信息)、数据链路层(封装成MAC帧)、物理层传输电信号。




eb 服务存在两种 HTML 渲染方法。

最早的HTML(web 1.0时代),都是服务器端渲染的,浏览器发送请求,服务器端将整个html作为一个完整文档发送给浏览器。最早响应浏览器请求的被称为CGI .

CGI

Java语言进入web 开发领域后,首先出现的技术是 servlet,这个技术模仿的是CGI.也是在服务器端渲染好整个HTML文档,然后反馈给浏览器。

Servlet能够很好地组织业务逻辑代码,但是在Java源文件中通过字符串拼接的方式生成动态HTML内容会导致代码维护困难、可读性差。于是产生了JSP技术,JSP在静态HTML内容中嵌入Java代码,Java代码被动态执行后生成HTML内容,类似的还有ASP,PHP等技术,这些技术本质上都是服务端渲染好整个HTML文档,都属于服务器端渲染。

web2.0时代 最大的思想革命本质不是前后端分离,而是把网页当作独立的应用程序(app)。前后端分离只是实现这一新架构的必然结果。web 2.0 时代最重要的就是ajax技术。

使用ajax技术后,HTTP GET拿到的不是渲染后的网页,而是一个由html和Javascript组成的应用, 这个应用以浏览器为虚拟机。装载和显示数据是app启动之后的运行逻辑。传统上应用叫什么?叫Client,也就是前端。于是前后端就这么分离了,浏览器变成了应用的运行环境,后端蜕化成了单纯的业务逻辑和数据接口。最典型的ajax 应用就是gmail,gmail实质上就是把过去桌面端的email 应用搬到了浏览器中。ajax这种技术也就是客户端渲染。