web前端开发(概述篇)

一、概念

Web是Internet上的一种多媒体信息服务系统,整个系统由Web服务器、浏览器和通信协议组成。

通信协议HTTP能够传输任意类型的数据对象,满足Web服务器与客户之间的多媒体通信的需求。

一般来说,Web开发分为前端(Front-end)和后端(Back-end)两部分。

前端开发,指的是直接与用户接触的网页,比如布局、特效、交互等等。

后端开发,指的是程序、数据库和服务器层面的开发。

常说前端开发,那前端开发具体指的是什么?

前端开发

前端开发就是把我们设计好的UI(User Interface用户界面),按照W3C标准做成HTML页面,再用CSS来进行布局,通过JavaScript脚本语言实现某些功能,通过这些功能与用户在页面上进行互动。

浏览器

这时候就会用到浏览器,浏览器是一种软件,一种可以显示网页服务器或者文件系统的HTML文件内容,让用户与这些文件交互的软件。一般用来显示在万维网或局域网等内的文字、图像及其他信息。

URL

url,统一资源定位符是互联网上标准资源的地址,一般用来表示可以从互联网上得到的资源的位置和访问方法。

可以说互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。每个页面都应具有唯一的一个URL。

基本URL包含:协议类型://服务器地址(端口号)/路径/文件名

网页和网站

网页是一个包含HTML标签纯文本文件,可以存放在任意一台计算机中,是万维网中的一“页”。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

网页是构成网站的基本元素。

网站(Website):在因特网上根据一定的规则,使用HTML等工具制作的用于展示特定内容相关网页的集合。用户可以通过浏览器来访问网站,获取需要的资讯或者享受网络服务。

Web标准

Web开发应用遵循标准,标准由W3C和其他标准化组织共同制定的,用来创建和解释基于 Web 的内容,使得在网上发布的文档可以向后兼容,能够被大多数人所访问。

Web标准包括一系列标准。 网页部分的标准通过三部分来描述:结构、表现和行为

结构,其实就是HTML,HTML决定网页的结构和内容。(说明有什么东西。)

表现,其实就是CSS,CSS用来设计网页的表现形式。(东西长什么样子。)

行为,其实就是JavaScript,JavaScript用来控制网页的行为。(东西会干嘛,有什么功能。)

二、技术

三大核心:HTML、CSS、JavaScript。

四大技术框架:Angular、Bootstrap、Vue、React。

三、开发工具

常见开发工具有:Visual Studio Code、HBuilder、Dreamweaver、WebStorm等等。

四、web服务器

Web服务器,一般指网站服务器,因特网上某种类型计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,也可以放网站文件,让用户浏览,可以放数据文件,让用户下载。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/768289.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

番外篇 | 手把手教你如何去更换YOLOv5的检测头为ASFF_Detect

前言:Hello大家好,我是小哥谈。自适应空间特征融合(ASFF)的主要原理旨在解决单次检测器中不同尺度特征的不一致性问题。具体来说,ASFF通过动态调整来自不同尺度特征金字塔层的特征贡献,确保每个检测对象的特征表示是一致且最优的。本文所做出的改进是将YOLOv5的检测头更换…

身边的故事(十三):阿文的故事:出现

如果他知道一件事情如果违背正常的市场规律就是骗局或者存在巨大的风险,比如市场正常投资回报率在5-6%已经算高回报,像股神巴菲特的投资回报率应该不会超过10%吧。那些说20-30%甚至更高回报率肯定是骗局。如果...哪有那么多如果,人生每一秒都…

从4D CT灌注成像中使用时空卷积神经网络预测急性缺血性中风的特定治疗病变结果| 文献速递-深度学习自动化疾病检查

Title 题目 Predicting treatment-specific lesion outcomes in acute ischemic stroke from 4D CT perfusion imaging using spatio-temporal convolutional neural networks 从4D CT灌注成像中使用时空卷积神经网络预测急性缺血性中风的特定治疗病变结果 01 文献速递介绍…

【电商指标详解】

前言: 💞💞大家好,我是书生♡,本篇文章主要和大家分享一下电商行业中常见指标的详解!存在的原因和作用!!!希望对大家有所帮助。 💞💞代码是你的画…

打卡第一天

今天是参加算法训练营的第一天,希望我能把这个训练营坚持下来,希望我的算法编程题的能力有所提升,不再面试挂了,面试总是挂编程题,记录我leetcode刷题数量: 希望我通过这个训练营能够实现两份工作的无缝衔接…

Vue项目打包上线

Nginx 是一个高性能的开源HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器。它在设计上旨在处理高并发的请求,是一个轻量级、高效能的Web服务器和反向代理服务器,广泛用于提供静态资源、负载均衡、反向代理等功能。 1、下载nginx 2、…

2024企业数据资产化及数据资产入表方案梳理

01 数据资产入表:是一个将组织的各类数据资产进行登记、分类、评估和管理的流程。 数据资产包括:客户信息、交易记录、产品数据、财务数据等。 做个比喻吧:数据资产入表就像是给公司的数据资产做“人口普查”—— ①找出公司有哪些数据找…

python中的文件

1.什么是文件? 硬盘上存储的数据都是以文件的形式来组织的~ 文件是数据在硬盘上的存储形式,不同的数据在硬盘上的存储形式是不同的, 2.文件路径 文件夹/目录。 文件夹,再包含文件夹的情况,这就是一个嵌套的关系&…

顺序表--数据结构第一关

顺序表 数据结构概念 定义:数据结构是计算机存储、组织数据的⽅式 根据学过C语言的基础上,数组是最简单的数据结构 顺序表的底层就是数组 为什么呢? 例子如下: int arr[100]{1,2,3,4,5}; //修改某一个数据:arr[…

电子部件烧录流程(仅供参考)

🍎个人博客:个人主页 🏆个人专栏:日常聊聊 ⛳️ 功不唐捐,玉汝于成 目录 前言 正文 部件烧录流程的详细步骤 1. 准备工作 2. 连接硬件 3. 配置烧录软件 4. 校验和设置 5. 开始烧录 6. 验证和测试 7. 断开…

吉利银河L6 AQS空气质量监控系统

结论 顶配才有AQS 开启空调且auto模式 则默认开启AQS 无法关闭AQS AQS的作用 银河L6 AQS触发 和 图标 AQS官方配置参数 官方文档 吉利用户手册

机器学习基础概念

1.机器学习定义 2.机器学习工作流程 (1)数据集 ①一行数据:一个样本 ②一列数据:一个特征 ③目标值(标签值):有些数据集有目标值,有些数据集没有。因此数据类型由特征值目标值构成或…

数据结构与算法笔记:实战篇 - 剖析微服务接口鉴权限流背后的数据结构和算法

概述 微服务是最近几年才兴起的概念。简单点将,就是把复杂的大应用,解耦成几个小的应用 。这样做的好处有很多。比如,这样有利于团队组织架构的拆分,比较团队越大协作的难度越大;再比如,每个应用都可以独立…

程序算法设计分析

动态规划和分治、贪心相比有什么区别?各自的优缺点? 分治算法特征: 1)规模如果很小,则很容易解决。//一般问题都能满足 2)大问题可以分为若干规模小的相同问题。//前提 3)利用子问题的解&#x…

最靓丽的C++开源通知弹框SnoreToasts自动监听软件及网页通知

SnoreToasts,作为一款轻量级的C开源项目,为开发者提供了一个便捷的方式来在Windows操作系统上展示通知弹框(Toast Notifications)。 特点与优势 轻量级:SnoreToasts采用了简洁的代码设计,避免了不必要的依…

苹果可能与谷歌大模型合作,马斯克xAI下个月推出Grok-2,比尔·盖茨:Scaling Law快要走到尽头

ChatGPT狂飙160天,世界已经不是之前的样子。 更多资源欢迎关注 1、苹果被曝 Gemini 模型今秋或融入苹果智能生态系统 苹果知名爆料人马克古尔曼(Mark Gurman)最新透露,苹果公司将于今年秋季宣布与Alphabet旗下的谷歌的大模型Gem…

电流传感器技术详解,你都懂吗?

在任何过程中,电量的测量对于监控、分析和控制系统都是必不可少的。要执行这些类型的测量,必须使用电流传感器。除非可以测量,否则无法管理物理量。让我们深入了解电流传感器的行为。 电流传感器 电流传感器是将电流信号转换为另一个可分析…

PyTorch计算机视觉实战:目标检测、图像处理与深度学习

本书基于真实数据集,全面系统地阐述现代计算机视觉实用技术、方法和实践,涵盖50多个计算机视觉问题。全书分为四部分:一部分介绍神经网络和PyTorch的基础知识,以及如何使用PyTorch构建并训练神经网络,包括输入数据缩放…

从零到一:全面掌握模板机部署与虚拟机克隆的实训指南【实训Day01】

一、模板机的部署 1.设置好子网ip和子网掩码以及网关 保证有NAT模式 子网IP着重记住前三段:192.168.222.xxx 2.开始建立虚拟机 注意:路径中不要有中文 3.安排8个内核 4.安排2GB内存 创建初步成功,接着 5.开启此虚拟机 6.选择中文 7.日期&…

好展位,抢先订!2024年亚洲(泰国) 国际电力能源展

2024年亚洲(泰国) 国际电力能源展 Powerex Asia & Electric Asia 2024 ▏发电设备 ▏输配电 ▏电网 ▏太阳能光伏 ▏储能 ▏氢能 ▏生物能源 ▏风能 ▏智慧能源 ▏ 能源部官方批复亚洲重点电力及新能源展 展会时间:2024 年 10 月 16-…