Web前端期末复习

最新推荐文章于 2024-05-12 07:58:19 发布

晋济周

最新推荐文章于 2024-05-12 07:58:19 发布

阅读量429

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_73895400/article/details/134782196

版权

第1章 Web前端开发技术综述

超文本系统

特点

Web是易导航和图形化
Web是具有平台无关性
Web是支持分布式结构
Web是具有动态性
Web是具有交互性

工作原理 —— Web架构

web工作原理

Web服务器

Web服务器是在实体机或虚拟机服务器设备中安装的服务器软件，在联网环境中可以接收用户在Web浏览器中输入的URL（Uniform Resource Locator，统一资源定位符）地址，然后将该地址对应的文本、图片等内容发送给用户并显示在用户使用的Web浏览器中。
Web服务器通常用于放置网页文件和数据供用户访问和下载。
常用的Web服务器有Apache、Tomcat、IIS、Nginx等。

Web服务器与应用服务器

Web服务器指像Nginx，Apache这类的服务器一般只能解析静态资源；应用服务器：一般指像Tomcat，Jetty，Resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好；
也称为网站，是指在Internet上提供Web访问服务的站点，是由计算机软件和硬件组成的有机整体。必须为Web服务器配置IP地址和域名，才能对外提供Web服务。
一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。

Web应用

Web应用不需要安装，其程序资源都部署在Web服务器中。用户通过在Web浏览器中输入不同的URL地址就可以远程访问Web应用。
所有的Web应用都可以理解为存放在Web服务器端，并且可以在浏览器中呈现的软件。这些软件在浏览器中以Web页面的形式存在，包括文字、图片、音频、视频等内容，这些图形用户界面（Graphic User Interface，GUI）也称为Web前端。
Web应用需要调整更新时，只需要更新服务器端存放的相关内容即可，用户通过浏览器可以直接访问到最新的内容，免去了客户端与服务器端同时需要更新的麻烦。

Web相关概念

统一资源定位器/符（Uniform Resource Locator，URL）也被称为网页地址，如同在网络上的门牌，是因特网上标准的资源的地址（Address)。
协议类型://服务器地址（端口号）/路径/文件名
http://www.sciencenet.cn https://www.nefu.edu.cn/xxgk/xyfg1.htm

超链接

超链接（Hyper Link）是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。 <a href="http://baike.baidu.com">百科</a>

Web前端开发技术

HTML

HTML是SGML（Standard Generalized Markup Language，标准通用标记语言）下的一个应用(也称为一个子集)，也是一种标准规范，它通过标记符号来标记要显示的网页中的各个部分。而SGML是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源。
HTML是构成Web页面(Page)的基础。
HTML文档：用来描述网页，由HTML 标记和纯文本构成文本文件。不同于纯文本文件（不含HTML标记）。

CSS

层叠样式表CSS（Cascading Style Sheet）级联样式表 1.CSS作用
可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

JavaScript

JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃元素和更加精彩的内容。
1.JavaScript由来。JavaScript最初由网景公司（Netscape）的Brendan Eich设计，是一种由Netscape的LiveScript发展而来的客户端脚本语言，主要目的是为了解决服务器端脚本语言提供数据验证的基本功能。
2.JavaScript组成。一个完整的JavaScript实现是由以下3个不同部分组成的：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）。
JavaScript和HTML、CSS一起被称为是Web开发的三大核心技术，目前JavaScript已经广泛应用于Web开发，市面上绝大多数网页都使用了JavaScript代码。可以说当今所有浏览器都支持JavaScript，无需额外安装第三方插件。

HTML DOM

BOM

BOM(Browser Object Model，浏览器对象模型)。浏览器对象模型定义了JavaScript可以进行操作的浏览器的各个功能部件的接口，提供访问文档各个功能部件（如窗口本身、屏幕功能部件、浏览历史记录等）的途径以及操作方法。

AJAX

.AJAX工作原理 Ajax（Asynchronous JavaScript and XML），也称为异步JavaScript和XML。其核心是JavaScript对象XMLHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 Ajax在浏览器与web服务器之间使用异步数据传输（HTTP请求），这样就可以使网页从服务器请求少量的信息，而不是整个页面，从而实现无需重载页面即可实现网页内容的部分更新。

jQuery

jQuery定义 jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，它是目前最受欢迎的JavaScript库。
jQuery库的引用：通过script标记的src属性引入外部jQuery文件库。 <script src=" jquery-2.1.1.min.js "></script>

第2章 HTML5基础

概念：

HTML5实际上不算是一种编程语言，而是一种标记语言。HTML5文件是由一系列成对出现的元素标签嵌套组合而成，这些标签以<元素名>的形式出现，用于标记文本内容的含义。浏览器通过元素标签解析文本内容并将结果显示在网页上，而元素标签本身并不会被浏览器显示出来。

DOCTYPE是Document Type的简写，含义为文档类型。HTML5文档基础结构中第一行<!DOCTYPE html>就是HTML5的DOCTYPE声明。

功能标签

网页标题标签<title>

用于当网页被添加到收藏夹时显示标题，以及作为页面标题显示在搜索引擎结果中。

基础地址标签<base>

<base>标签用于为页面上所有的链接设置默认URL地址或目标target。当HTML5文档中使用了相对路径时，浏览器会用<base>标签指定的URL进行补全。

在<base>标签中的属性target="_blank"指的是该网页文档中所有未指定打开方式的超链接将在新窗口打开。

元数据标签<meta>

浏览器统一默认的字符集是ISO-8859-1西文字符集。

字符集声明

关键词声明

使用<meta>标签定义网页关键词（keywords）

页面描述声明

第3章 CSS基础

第4章 JavaScript基础

晋济周

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Web前端期末复习

超链接（Hyper Link）是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。HTML5文件是由一系列成对出现的元素标签嵌套组合而成，这些标签以<元素名>的形式出现，用于标记文本内容的含义。<meta>标签用于提供当前HTML文档的元数据，这些数据不会直接显示在网页上，但是对于机器是可读的，适用于搜索引擎索引。当HTML5文档中使用了相对路径时，浏览器会用<base>标签指定的URL进行补全。
复制链接

扫一扫