web开发

一、Web网站的开发流程

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

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

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

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

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

二、web前端开发

(一)总述:

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

(二)HTML CSS

相关推荐
涔溪27 分钟前
Vite 和 Webpack 这两款主流前端构建工具的核心区别,包括它们的设计理念、工作机制和实际使用体验上的差异。
前端·webpack·vite
0思必得032 分钟前
[Web自动化] 开发者工具元素(Elements)面板
运维·前端·自动化·web自动化·开发者工具
遇到困难睡大觉哈哈37 分钟前
Harmony os ——ArkTS 语言笔记(五):泛型、空安全与可选链
前端·笔记·安全·harmonyos·鸿蒙
八哥程序员1 小时前
你真的理解了 javascript 中的原型及原型链?
前端·javascript
冴羽1 小时前
10 个 Nano Banana Pro 专业级生图技巧
前端·人工智能·aigc
7ayl1 小时前
Vue3 - runtime-core的渲染器初始化流程
前端·vue.js
前端老宋Running2 小时前
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主
前端·react.js·设计模式
yinuo2 小时前
前端跨页面通讯终极指南③:LocalStorage 用法全解析
前端
隔壁的大叔2 小时前
正则解决Markdown流式输出不完整图片、表格、数学公式
前端·javascript
胡楚昊2 小时前
CTF SHOW逆向
java·服务器·前端