前端三剑客 HTML+CSS+JavaScript ① 基础入门

ops/2024/9/23 1:35:55/
htmledit_views">

光永远会照亮你

        —— 24.4.18

一、C/S架构和B/S架构

C:Client(客户端)

B:Browser(浏览器)

S:Server(服务器)

C/S 架构:

B/S 架构:

大型专业应用、安全性要求较高的应用,还要采用C/S架构

总结:

应用软件,有两种架构模式:C/S架构、B/S架构

前端工程师主要开发B/S架构的应用 —— 写网页

二、认识WEB

1.认识Web

网页主要是由文字、图像和超链接等元素构成,当然,除了这些元素,网页中还可以包含音频、视频 以及flash等,一个或多个网页,构成了一个网站

网页是如何形成的?

前端人员写出代码 ——> 通过浏览器进行渲染 ——> 最终呈现出客户眼中的网站

总结

网页由图片、链接、文字等元素组成,我们后面的任务是要把这部分网页元素通过代码写出来

2.浏览器(显示代码)

        浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐、谷歌、Safari和Opera等,我们平时称为五大浏览器

        五大浏览器因为他们都有领先的市场份额以及自己独有的浏览器内核

2.1 浏览器市场份额

谷歌公司研发的谷歌浏览器chrome

2.2. 常见浏览器内核

浏览器内核是什么?

        内核时浏览器的核心,用于处理浏览器所得到的各种资源,负责读取网页内容,整理讯息,计算网页的显示方式并显示页面

五大浏览器,四大内核

3.Web标准

通过以上浏览器不同内核不同,我们知道他们显示页面或者排版就有些许差异

目标

        记忆

                能说出网页中web标准三层组成

        理解

                能结合人来表述web标准三层

web标准不是某一个标准,而是由W3C组织和其他标准化组织制定的一系列标准的集合

W3C万维网联盟是国际最著名的标准化组织

W3C就类似于现实世界中的联合国

3.1 为什么要遵循WEB标准?

通过以上浏览器不同内核不同,我们知道他们显示页面或者排版就有所差异

3.2 Web标准的好处

通过web标准可以让不同我们写的页面更标准统一以外,还有许多优点:

1.让Web的发展前景更广阔

2.内容能被更广泛的设备访问

3.更容易被搜寻引擎搜索

4.降低网站流量费用

5.使网站更易于维护

6.提高页面浏览速度

3.3 Web标准构成

三层构成:主要包括结构、表现和行为三个方面

①结构:结构用于对网页元素进行整理和分类,我们主要学的是HTML

②表现:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS

③行为:行为是指网页模型的定义以及交互的编写,主要学的是JavaScript

Web标准小结

web标准有三层结构,分别是结构(html)、表现(css)、行为(JavaScript)

结构类似人的身体,表现类似人的着装,行为雷死人的行为动作

理想状态下,他们三层都是独立的,放在不同的文件中


http://www.ppmy.cn/ops/13690.html

相关文章

python实现爬虫例子2

网络爬虫是一个可以自动抓取互联网内容的程序。Python有很多库可以用来实现网络爬虫,其中最常用的是requests(用于发送HTTP请求)和BeautifulSoup(用于解析HTML)。 以下是一个简单的Python网络爬虫示例,该爬…

软件开发的一般步骤

软件开发一般遵循一套标准化的流程,旨在确保项目的高效实施、产品质量可控以及最终用户满意度。以下是软件开发的一般步骤: 1. 需求分析 用户需求收集:通过访谈、问卷调查、观察用户工作流程等方式,从最终用户、业务人员、项目发…

拿捏 顺序表(1)

目录 1. 顺序表的分类2. 顺序表实现3. 顺序表实现完整代码4. 总结 前言: 一天xxx想存储一组数据, 并且能够轻松的实现删除和增加, 此时数组大胆站出, 但是每次都需要遍历一遍数组, 来确定已经存储的元素个数, 太麻烦了, 于是迎来了顺序表不屑的调侃: 数组你不行啊… 顺序表是一…

脚手架搭建项目package.json配置中依赖的版本问题

脚手架搭建项目package.json配置中依赖的版本问题 问题描述:项目刚搭建好,运行没有问题,为什么过一段时间,删除node_modules,或者重新安装包依赖,然后项目某些地方出现莫名的错误(依赖库的地方…

Docker 基本管理

一、docker 前言 云端服务器都有哪些提供商: 国内: 阿里云(Alibaba Cloud): 提供ECS(Elastic Compute Service)弹性计算服务,包括通用型、计算型、内存型等多种实例,满…

工作流JBPM流程图说明

文章目录 5☃️ 相关概念6 ☃️流程图说明6.0 ❄️❄️快速上手6.1 ❄️❄️活动Activity / 节点Node6.1.1 start 开始活动6.1.2 end 结束活动6.1.3 task 任务活动6.1.4 decision 判断活动6.1.5 fork/join 分支/聚合活动 6.2 ❄️❄️流转 Transition / 连线 (单向箭…

CSS transition和animation的用法和区别

Transition和Animation在CSS中都是用于实现元素状态变化的效果,但它们在用法和特性上存在明显的区别。 Transition transition是过度属性,主要强调的是元素状态的过渡效果。 它通常用于在元素的状态发生变化时,平滑地过渡到一个新的状态。…

IO基础-传统I/O模型

关于IO数据流有两种形式,来源于网络和磁盘分别叫做网络IO、磁盘IO。 客户端通过TCP和UDP协议将数据流发往服务端,服务端接收数据这个过程称为网络IO。 服务端读取本地文件数据到服务中的过程称为磁盘IO。 基于 Linux 一切皆文件的理念,在内…