web开发

一、Web网站的开发流程

我们在访问的网站的时候,一般就是在浏览器的网址栏里输入对应的域名,再敲个回车,我们就可以访问到我们想要的网站(比如京东)。

这是为什么呢?我们访问的浏览器是一个程序,京东也是一个程序,只是京东在人家电脑上运行着,我们只是远程访问了人家的前端页面。

我们根据下图来讲解一下web网站的工作流程:

我们在浏览器输入我们想要查找的域名,回车(搜索)后,会请求前端服务器,前端服务器接受到请求后会把相对应的前端代码返回给浏览器,浏览器会自动解析前端代码(因为内置了解析引擎),展示出页面效果。

前端代码里由一句代码会是访问后端服务器 的代码,然后浏览器会根据这个路径去(http://localhost:8080/item/selectAll)访问后端浏览器,后端浏览器又会去请求**数据库服务器**的数据,后端服务器又会将数据再返回给浏览器。

二、web前端开发

(一)总述:

我们所看到的网页都是前端代码浏览器的转化(解析和渲染)后所展现出来的。

(二)HTML CSS

相关推荐
韩曙亮1 分钟前
【Web APIs】元素滚动 scroll 系列属性 ② ( 右侧固定侧边栏 )
前端·javascript·bom·window·web apis·pageyoffset
珑墨2 分钟前
【浏览器】页面加载原理详解
前端·javascript·c++·node.js·edge浏览器
LYFlied28 分钟前
在AI时代,前端开发者如何构建全栈开发视野与核心竞争力
前端·人工智能·后端·ai·全栈
用户479492835691538 分钟前
我只是给Typescript提个 typo PR,为什么还要签协议?
前端·后端·开源
程序员爱钓鱼1 小时前
Next.js SSR 项目生产部署全攻略
前端·next.js·trae
程序员爱钓鱼1 小时前
使用Git 实现Hugo热更新部署方案(零停机、自动上线)
前端·next.js·trae
颜颜yan_1 小时前
DevUI + Vue 3 入门实战教程:从零构建AI对话应用
前端·vue.js·人工智能
国服第二切图仔2 小时前
DevUI Design中后台产品开源前端解决方案之Carousel 走马灯组件使用指南
前端·开源
无限大62 小时前
为什么浏览器能看懂网页代码?——从HTML到渲染引擎的奇幻之旅
前端
福尔摩斯张2 小时前
Linux信号捕捉特性详解:从基础到高级实践(超详细)
linux·运维·服务器·c语言·前端·驱动开发·microsoft