网页工作的原理

本文详细介绍了前端网页的工作流程,从浏览器加载网页到显示网页的四个步骤:构建DOM树、构建呈现树、布局处理和绘制。强调了HTML、CSS、JavaScript在其中的角色,以及资源异步下载和JavaScript的DOM操作对页面显示的影响。同时,提到了JavaScript的两种主要作用:处理交互和与后端通信,以及其对DOM树操作的影响。
摘要由CSDN通过智能技术生成

一般来说,安装好Nginx或者Apache, 接着把写好的网页文件放到指定目录 ,然后在浏览器中输入网址就可以打开网页了 。
在这里插入图片描述
至于网页文件,只有三种Html、Css、JavaScript文件
在这里插入图片描述

Html文件一般是写网页标签的,也就是编写网页的骨架,Html文件还可以指定其引用的Css、JavaScript文件

Css文件是设置样式的,就是大小、颜色、位置等

JavaScript文件一般是处理交互或与后端通信的

下面分两个部分深入介绍前端网页的工作原理

1、浏览器加载网页

2、浏览器运行网页

1、浏览器是如何加载网页

在浏览器输入网址,通过网址的协议、域名、端口部分与服务器(Nginx等)建立连接,之后,服务器会根据路径部分寻找对应的网页资源并将其发送给浏览器

在这里插入图片描述

网址请求返回的一般是Html文件或者Html格式的内容(动态网站PHP返回Html格式的内容)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值