Web前端开发概述

2023-11-19

Web(World Wide Web,全球广域网)是指一种基于互联网的信息系统,通过超文本链接将全球各地的文档、图像、视频等资源相互关联起来,并通过Web浏览器进行交互浏览和访问。Web的发展使得人们可以方便地获取和共享各种类型的信息,成为当今社会中不可或缺的一部分。


以下是Web的一些重要概念和组成部分:

  1. 超文本标记语言(HTML):HTML是用于创建Web页面结构和内容的标记语言。它使用标签来定义文本、图像、链接等元素,并通过嵌套和属性来表示它们之间的关系和属性。

  2. 统一资源定位符(URL):URL是用于标识和定位Web上的资源的地址。它由协议、主机名、路径和可能的查询参数组成,可以通过浏览器访问和获取特定的资源。

  3. 超文本传输协议(HTTP):HTTP是用于在客户端和服务器之间传输Web资源的协议。它定义了请求和响应的格式、语义和行为,使得客户端可以向服务器发送请求并接收相应的数据。

  4. 网页浏览器(Web Browser):Web浏览器是一种用于显示和访问Web页面的软件应用程序。它能够解析和渲染HTML、执行JavaScript脚本,并提供用户界面来浏览和与Web内容进行交互。

  5. 动态网页和服务器端脚本:除了静态的HTML页面,Web还支持动态生成的内容。服务器端脚本可以处理请求、与数据库交互,并根据需要生成动态的Web页面。

  6. 客户端-服务器模型:Web的架构采用了客户端-服务器模型。客户端发送请求并接收响应,而服务器接收请求并相应地提供所需的资源。

Web的发展经历了多个阶段,从简单的文本链接到富媒体内容和交互式应用程序的丰富多样。


1.1Web客户端技术


HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web页面的主要工具。HTML用于编辑文档的逻辑结构。
cSs是Cascading Style Sheets(层叠样式表)的缩写。通过在HTML文档中设立样式表,可以统一控制HTML中各标志外观显示属性。◆JavaScript脚本语言,它是嵌入在HTML文档中的程序。使用脚本程序可以创建动态页面,大大提高交互性。

1.2Web服务端技术


PHP(Personal Home Page Tools)技术ASP.NET技术
JSP技术

1.3超文本传输协议(HTTP)


HTTP是HyperText Transfer Protocol(超文本传输协议)的缩写,它是客户端浏览器与Web服务器之间的通信协议,用来实现服务器端和客户端的信息传输。
统一资源定位符(URL)
URL是Uniform/Universal Resource Locator的缩写,它是用于完整地描述Internet上网页和其他资源的地址的一种标识方法,实现互联网资源的定位统一标识。
URL主要由三部分组成:协议类型、存放资源的域名或主机IP地址和资源文件名。其语法格式:protocol://hostname[:port]/path/

 世界知名浏览器厂商对HTML5的支持
◆微软
Google◆苹果operaMozilla市场的需求跨平台

1.4 CSS

cSS是一种用来表现HTML或可扩展标记语言(ExtensibleMarkup Lanuage ,XML)等文件样式的计算机语言。
cSS不仅可以静态地修饰网页,而且可以配合各种脚本语言动态地对网页各元素进行格式化,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体、字号样式,拥有对网页对象和模型样式编辑的能力。

1.5JavaScript

JavaScript是一种直译式脚本语言,一种动态类型、弱类型、基于原型的语言,内置支持类型。
JavaScript已经被广泛应用于Web应用开发,常用来为网页添加各种各样的动态功能,为用户提供更流畅美观的浏览效果。
通常,JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.6 jQuery

jQuery是轻量级的JavaScript库,这是其他JavaScript库所不及的,它兼容css3,还兼容各种浏览器。它拥有着独特的选择器、链式操作、事件处理机制和封装,以及完善的异步JavaScript和XML ( Asynchronous JavaScript and XML ,Ajax ),这些都是其他JavaScript库所望尘莫及的。
jQuery使用户能更方便地处理HTML文档、事件、实现动画效果,并且方便地为网站提供Ajax交互。虽然jQuery具有的功能
JavaScript也有,但是使用jQuery能够大幅度提高开发效率。


小结:

Web开发技术可以被分为客户端技术和服务器端技术两大类。Web客户端的主要任务是展现信息内容。Web客户端设计技术主要包括:HTML、CSs.JavaScript等。
Web服务器技术主要包括PHP、ASP、ASP.NET、JSP技术等。常用的前端框架有Bootstrap、Angular、React、Vue等。


最后

以上步骤就是web开发基础的概述。希望能对你们提供帮助!!!

看到的小伙伴一键三连一下吧,你们的支持让我更有动力去创作和分享,希望能一直为你们带来惊喜和收获。

 

一键三连吧!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Web前端开发概述 的相关文章

随机推荐

  • GB28181状态信息报送解读及Android端国标设备接入技术实现

    今天主要聊聊GB T28181状态信息报送这块 先回顾下协议规范相关细节 然后再针对代码实现 做个简单的说明 状态消息报送基本要求 当源设备 包括网关 SIP设备 SIP客户端或联网系统 发现工作异常时 应立即向本 SIP监控域 的SIP服
  • Qume-KVM虚拟化

    Qume KVM虚拟化 文章目录 虚拟化概述 KVM概述 KVM虚拟化架构 Qume概述 部署Qume KVM KVM Web管理界面安装 Web管理界面 添加连接 新建存储池 新建镜像 新建网络 实例管理 虚拟化概述 什么是虚拟化 虚拟化
  • 用Python画出圣诞树,瞧瞧我这简易版的吧

    前言 嗨嗨 大家好 我是小圆 今天来实现一下 用python画出圣诞树 代码 模块 源码 点击领取即可 import turtle as t from turtle import import random as r import time
  • 32种针对硬件与固件的漏洞攻击

    2018年1月 全球计算机行业因为Meltdown以及Spectre这两个在处理器中存在的新型漏洞而受到威胁 这两个漏洞直接打破了分离内核以及用户内存的OS安全边界 这两个漏洞基于了现代CPU的预测执行功能 而缓解这两个漏洞带来的影响则需要
  • 最快方式 ESP-IDF 创建例子 教程

    需要条件 安装了 VSCODE 安装了插件 Espressif IDF工具 系统中安装了 ESP IDF 可使用离线包 或在线安装包 在插件中配置了 ESP IDF 可能需要在线更新一些东西 点击F1 输入 ESP 等待提示 出现提示后 选
  • 软件测试 接口测试 入门Jmeter 接口关联 提取器 断言 与fiddler配合使用 使Jmeter录制和创建脚本 操作数据库 持续集成测试

    文章目录 1 接口测试概述 1 1 什么是接口测试 1 2 接口分类 1 3 接口的设计风格分类 1 3 1 Soap架构 1 3 2 Rpc架构 1 3 3 RestFul架构 1 3 4 接口测试工具介绍 1 4 接口测试流程 2 Jm
  • 使用 Vue.js 结合bootstrap 实现的分页控件

    使用 vue js 结合 bootstrap 开发的分页控件 效果如下 实现代码 div class contai div
  • 毕业设计-基于卷积神经网络的花卉图片识别

    目录 前言 课题背景和意义 实现技术思路 一 LeNet 5 卷积神经网络模型 二 设计思路 三 实验及结果分析 四 总结 实现效果图样例 最后 前言 大四是整个大学期间最忙碌的时光 一边要忙着备考或实习为毕业后面临的就业升学做准备 一边要
  • vue项目使用externals优化打包体积

    查看打包体积 下载查看打包体积的插件 npm install webpack bundle analyzer save dev 在vue config js中配置 chainWebpack config gt 打包结果分析 if proce
  • prompt 综述

    动手点关注 干货不迷路 1 概述 1 1 基本概念 用一句话概括模板学习 即将原本的输入文本填入一个带有输入和输出槽位的模板 然后利用预训练语言模型预测整个句子 最终可以利用这个完整的句子导出最终需要的答案 模板学习最吸引人的关键在于其通过
  • Spring Boot 项目在本地可以成功访问但是在服务器上无法访问 Controller 方法解决办法

    这是一篇记录自己失了智的博客 晚上写了一个小 Demo 来测试在云服务器上同时运行两个 jar 包的情况 两个项目的端口分别为 8080 和 8880 以 8880 为端口的 Demo 在本地成功运行并且访问到了 Controller 中的
  • 2023华为OD机试真题【最大平分数组/动态规划】

    题目描述 给定一个数组nums 可以将元素分为若干个组 使得每组和相等 求出满足条件的所有分组中 最大的平分组个数 输入描述 第一行输入 m 接着输入m个数 表示此数组 数据范围 1 lt M lt 50 1 lt nums i lt 50
  • GAN数学原理及代码实现

    GAN generator 和discriminator 生成式对抗网络 Generative Adversarial Networks GAN 包括生成器 generator 和判别器 discriminator 生成器 generato
  • springboot+mybatis+druid 多数据源整合

    前言 在上一篇文章里面我们进行了spring boot 和 mybatis 的整合 springboot整合mybatis使用druid数据源 文中是使用的单数据源 因为项目中有很多需要用到多数据源的场景 比如主从同步 读写分离 或者业务库
  • Pandas基本操作总结 excel读取和数据清洗

    1 读取表格 df pd read excel 目标文件路径 skiprows 要跳过的行数 指定读取表格时要跳过前面空行的行数 2 筛选某列不是空值的所有行 df loc df 某列 notnull 筛选某列不为空值的所有行 筛选行后选取
  • docker使用常用基础命令详解版

    文章目录 Docker基本命令 1 查看docker信息 version info 2 对image的操作 search pull images rmi history 3 启动容器 run 4 查看容器 ps 5 保存对容器的修改 com
  • Scala>scala类型判断

    文章目录 类型判断 isInstanceOf asInstanceOf getClass和classOf 类型判断 有时候 我们设计的程序 要根据变量的类型来执行对应的逻辑 在scala中 如何来进行类型判断呢 有两种方式 isInstan
  • python——lambda函数

    lambda 表达式 又称匿名函数 常用来表示内部仅包含 1 行表达式的函数 如果一个函数的函数体仅有 1 行表达式 则该函数就可以用 lambda 表达式来代替 name lambda list 表达式 其中 定义 lambda 表达式
  • nacos配置中心链接超时问题:java.net.ConnectException: no available server, currentServerAddr

    nacos配置中心链接超时问题 java net ConnectException no available server currentServerAddr 从异常信息来看 是与nacos链接异常导致 可能是因为服务器网络的问题 解决 重
  • Web前端开发概述

    Web World Wide Web 全球广域网 是指一种基于互联网的信息系统 通过超文本链接将全球各地的文档 图像 视频等资源相互关联起来 并通过Web浏览器进行交互浏览和访问 Web的发展使得人们可以方便地获取和共享各种类型的信息 成为