山东大学web考前速成(也许)

题型
填空题 50分 25个空 一个空2分
简答题 30分 3题 一题10分
程序题 20分 3题
(下面是个人以为的重点 没考到不要打我x)
写在考试后:
大部分还是有压中的,程序题考的是JSP的写法、js获取表格数据并处理,本提纲部分vue部分和考的还是差别有点大,建议多看几遍PPT!

第一章

1.统一资源定位器/符(Uniform Resource Locator,URL)
2.协议类型://服务器地址(端口号)/路径/文件名
3.SGML(Standard Generalized Markup Language,标准通用标记语言)
4.HTML是构成Web页面(Page)的基础、用来描述网页,由HTML 标记和纯文本构成文本文件。
5.CSS可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
6.一个完整的JavaScript实现是由以下3个不同部分组成的:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。
7.HTML DOM是Document Object Model文档对象模型
8.常见BOM对象有Window 对象、Navigator对象、Screen对象、History对象、Location 对象等。
9.Ajax的核心是JavaScript对象XMLHttpRequest,它是一种支持异步请求的技术。

第二章

1.HTML文档由头部head和主体body两个部分组成,在头部<head>标记中,可定义标题、样式等
2.HTML文档的头部标记主要包含页面标题标记、元信息标记、样式标记、脚本标记、链接标记等。头部标记所包含的信息一般不会显示在网页上。
3.META标记用来描述一个HTML网页文档的属性,也称为元信息(meta-information),这些信息并不会显示在浏览器的页面中。例如作者、日期和时间、网页描述、关键词、页面刷新等。该标记位于文档的头部(其属性形式是“名称/值”对)。
4.name属性用于描述网页,它是以“名称/值”形式的名称,name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找、分类。
5.http-equiv属性用于提供HTTP协议的响应头报文,它是以“名称/值”形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用。其中最重要的是content-type charset提供编码信息,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期时间。
6.单个标记仅单独使用就可以表达完整的意思。基本语法为<标记名称>或<标记名称/>
7.属性应在开始标记(首标记)内定义,并且和标记名之间有一个空格分隔
8.HTML代码中添加注释的方法有2种:
<!-- 注释信息 -->
<comment>注释信息</comment>
9.在HTML代码中不区分大小写
10.书写开始与结束标记时,在左尖括号与标记名或与斜杠“/”之间不能留有多余空格
11.在这里插入图片描述

第三章

1.网页中通过代码控制来添加空格(&nbsp)(&为&amp)
2.若字体都不存在,使用默认“宋体”
3.段落p标记会自动在其前后创建一些空白。
4.段落缩进(也称为“块引用”)blockquote标记引用的内容必须是块级标记,浏览器在 blockquote标记前后添加了换行,并增加了外边距。一对blockquote标记能够向右缩进5个西文字符的位置。
5.<pre></pre>标记对网页中的文字段落进行预格式化,浏览器会完整保留设计者在源文件中所定义的格式,包括各种空格、缩进以及其他特殊格式。

第四章

第五章

1.超链接是指从一个网页指向一个目标的连接关系。这个目标可以是:一个网页、图片、一个电子邮件地址、一个文件或是一个应用程序。网页中超链接的对象是一段文本或者是一个图片。 超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。
2.超链接路径:绝对路径、相对路径、根路径
3.超链接可以分为内部链接和外部链接两种。内部链接是指网站内部文件之间的链接,而外部链接是指网站内的文件链接到站点内容外的文件。
4.浏览器窗口含有孤立的子窗口称为浮动框架。在浏览器窗口中使用<iframe></iframe>标记,可以嵌入浮动框架。

第六章

第七章

1.CSS(Cascading Style Sheet)层叠样式表,也称为级联样式表,用来设计网页风格。CSS是一个由包含一个或多个规则的文本文件。
2.CSS规则由选择器和声明组成,声明由属性和属性值对组成。CSS提供了丰富的选择器类型,包括标记选择器、类选择器、id选择器及伪类选择器等
3.ID选择符样式比类选择符样式优先级高
4.@import url(“外部样式表的文件名称”);
5.<link type=“text/css” rel=“stylesheet” href=“外部样式表的文件名称”/ >
6.<link>标记是单标记,同时链接几个外部样式表时按“最近优先的原则”
7.行内样式﹥ id样式﹥类样式﹥ 标记样式

第八章

1.div和span标记默认情况下都没有对标记内的内容进行格式化或渲染,只有使用CSS来定义相应的样式时才会显示出不同。
1)是否是块标记。div标记是块标记,一般包含较大范围,在区域的前后会自动换行;而span标记是行内标记,一般包含范围较窄,通常在一行内,在此区域的范围外不会自动换行。
2)是否可以互相包含。一般来说,div标记可以包含span标记,但span标记不可能包含div标记。
3)但是块标记和行标记不是绝对的,通过定义CSS的display属性可以相互转化。

第九章(盒模型重点)

1.大小和字体名称系列必须显式指定,先设置大小,再设置字体系列。
2.W3C组织就建议把所有网页上的对象都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对象包括段落、列表、标题、图片以及层。
3.盒模型主要定义四个区域MBPC:边界(margin) 、边框(border) 、填充(padding)和内容(content) 。
4.在这里插入图片描述

5.边界属性是margin,也称为外边距,表示盒子边框与页面边界或其他盒子之间的距离,属性值为长度值、百分数或auto,属性效果是围绕元素边框的“空白” 。
6.元素内边界主要是指边框和内部元素之间的空白距离,利用padding属性设置元素内的边界时,也包括5个属性,同样也有四种设置方法。

第十章

1.CSS布局的步骤大致为:首先整体上对页面进行分块,接着按照分块设计使用div标记,并理清div标记的嵌套和层叠关系,然后对各div标记进行CSS定位,最后在各个分块中添加相应的内容。

第十一章

1.表格表头标记 表格的行标记 表格的列标记
2.的属性用于设定表格中某一单元格的属性。单元格跨行rowspan(跨行合并-纵向合并)单元格跨列colspan(跨列合并-横向合并)

第十二章

1.name:给定表单名称,表单命名之后就可以用脚本语言(如VBScript或JavaScript)对它进行控制。
action:指定处理表单信息的服务器端应用程序。
method:用于指定表单处理表单数据方法,method的值(get、post,默认get)。
enctype:规定表单数据在发送到服务器之前进行编码。有三种取值,分别如如下:
application/x-www-form-urlencoded (在发送前编码所有字符,默认)
multipart/form-data(不对字符编码 )
text/plain(空格转换为 “+” 加号,但不对特殊字符编码) 。
2.利用 域标记可将表单内的相关元素进行分组。当一组表单元素放到fieldset标记内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D效果,或者可创建一个子表单来处理这些元素。<legend> </legend>标记定义域标题。
3.maxlength:设置单行输入框输入的最大字符数;
size:设置单行输入框可显示的最大字符数;
value:文本框的值,指定输入框中初始值;
readonly:只读,文本框不可编辑。
4.checked表示预选中。每一个复选框name、value属性都是不同的。每组单选按钮的name值必须相同,而value属性值必须不同。
5.size定义下拉列表的大小;
multiple设置列表框支持多选;
selected设置选项为预选状态。
6.表单有3个重要属性,分别是name、action、method

第十三章

1.标记就是用来说明HTML 元素的。一个非空HTML 元素是由开始标记、元素的属性和值、内容和结束标记组成的,是构成HTML 文件的基本对象。位于起始标记和结束标记之间的文本就是HTML 元素的内容。为HTML 元素提供各种附加信息的就是HTML 属性,它总是以属性名=“属性值”这种名值对的形式出现,而且属性总是在HTML 元素的开始标记中进行定义。
2.八大特性:语义特性、离线与存储特性、设备访问特性、多媒体特性、三维、图形与特效特性、性能与集成特性、连接特性、CSS3特性
3.六大优势:摆脱对平台的依赖、实时更新、离线使用、代码更安全、跨平台、可以充分利用Native
4.header 标记定义文档和区域的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。通常<header>标记至少包含(但不局限于)一个标题标记(h1~h6),也可以包括hgroup(标题组合)标记、表格标识、搜索表单、导航等。
5.nav 标记代表页面的一个部分,是一个可以作为页面导航的链接组。建议不要在footer元素中使用nav 元素,否则易造成页面显示不正确。配置相应的CSS 代码可以实现水平导航。
6.section 标记定义文档中的节。例如章节、页眉、页脚或文档中的其他部分。一般用于成节的内容,会在文档流中开始一个新的节。
7.aside(侧栏,也称为旁注)标记用来说明其所包含的内容与页面主要内容相关,但不是该页面的一部分,类似于使用括号对正文进行注释(就像这样)。括号中的内容提供关于该元素的一些附加信息,例如广告、成组的链接、侧栏等。
8.footer 标记定义section 或文档的页脚,包含了与页面、文章或部分内容有关的信息

第十四章

1.JavaScript是一种基于对象和事件驱动、安全性、轻量级、解释型、弱类型的客户端脚本语言。 决定WEB页面的行为,具有客户端数据验证、用户交互等功能。
JavaScript具有如下特点:
1.简单性(小程序、无须编译、解释性、弱数据类型)
2.安全性( Browser无法访问本地硬盘数据/写入到数据库)
3.动态性(JS可以直接对用户提交的信息作出回应)
4.跨平台性(支持JS的Browser)
2.JavaScript代码放置的位置: (1)头部;(2)主体;(3)单独的js文件;(4)直接在事件处理代码中。
3.<script type=“text/javascript” src=“外部JS文件”></script>
4.JavaScript程序由语句、语句块、函数、对象、方法、属性等构成,通过顺序、分支和循环三种基本程序控制结构来进行编程
5.JavaScript中的消息对话框分为告警框、确认框和提示框。
6.在任何一种编程语言中,实际编程时都要使用变量以存储常用的数据。所谓变量,顾名思义,就是在运行期间其值可以通过程序改变的量。为了便于变量的使用,实际使用时需要给变量加以命名,变量的名字则称为标识符。
7.(1)必须使用字母或者下划线和$开始。
(2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。
(3)不能使用JavaScript关键字与JavaScript保留字。
(4)不能使用JavaScript语言内部的单词,比如Infinity,NaN,undefined等。
(5)大小写敏感,如name和Name是不同的两个标识符。
8.JavaScript中的数据类型可分为字符型、数值型、布尔型、Null、Undefined和对象六种类型。
9.数值型:是JavaScript中最基本的数据类型之一,分为整型、浮点型、内部常量以及特殊值。
10.=== 与 !==:===全等于,不仅判断数值,而且判断类型
11.NaN != NaN true true == 2 false
12. JavaScript函数分为系统内部函数和系统对象定义的函数及用户自定义函数

第十五章

1.静态指定、动态指定、特定对象特定事件的指定
2.在这里插入图片描述

第十六章

1.JavaScript的对象类型(分为4类):本地对象、内建对象、宿主对象、自定义对象。
2.document对象是客户端JavaScript最为常用的对象之一,在浏览器对象模型中,它位于window对象的下一层级。
3.document对象包含一些简单的属性,提供了有关浏览器中显示文档的相关信息,例如:该文档的URL、字体颜色,修改日期等。
4.document对象还包含一些引用数组的属性,这些属性可以代表文档中的表单、图象、链接、锚以及applet。
5.同其他对象一样,document对象还定义了一系列的方法,通过这些方法,可以使JavaScript在解析文档时动态地将HTML文本添加到文档中。
6.DOM将HTML文档表达为树结构。HTML文档结构好像倒垂的一棵树一样,其中<html>标记就是树的根节点,<head><body>是树的两个子节点。这种描述页面标记关系的树型结构称为DOM节点树(文档树)。
7.整个文档是一个文档节点; 每个 HTML 标签是一个元素节点;包含在 HTML 元素中的文本是文本节点;每一个 HTML 属性是一个属性节点;注释属于注释节点。
8.HTML文档主要节点:元素节点 、文本节点、属性节点
9.DOM节点访问方式:通过ID访问页面元素、通过Name访问页面元素、通过标记名访问页面元素、获得当前页面所有的Form对象
10.客户端浏览器这些预定义的对象统称为浏览器对象,它们按照某种层次组织起来的模型统称为浏览器对象模型(BOM-Browser Object Model)。浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

第十七章

1.HTML5 提供了两种在客户端存储数据的新方法,分别是持久化的数据存储localStorage、会话式的数据存储sessionStorage。HTML5 之前客户端数据存储是由cookie完成的

Servlet

1.公共网关接口(Common Gateway Interface,CGI)技术是在服务器端实现动态功能的传统方法。
2.CGI是一种标准化的接口,允许Web服务器与后台程序和脚本通信,这些后台程序和脚本能够接受输入信息(例如,来自表单),访问数据库,最后动态生成HTML响应。
3.通常用Perl脚本语言来编写CGI程序。
4.使用CGI方法的主要问题是效率低。
5.在Java平台上,服务器扩展是使用Servlet API编写的,服务器扩展模块叫做Servlet容器(container),或称Web容器。
6.ASP(Active Server Page)称为活动服务器页面,是Microsoft公司推出的一种开发动态Web文档的技术。
7.PHP(PHP:Hypertext Preprocessor)称为超文本预处理器,它是一种HTML内嵌式的语言。
8.JSP是JavaServer Pages的缩写,含义是Java服务器页面,它与PHP非常相似,只不过页面中的动态部分是用Java语言编写的。
9.Servlet接口是Servlet API中的基本接口,每个Servlet必须直接或间接实现该接口。该接口定义了如下5个方法。
void init(ServletConfig config)
void service(ServletRequest request, ServletResponse response)
void destroy()
ServletConfig getServletConfig()
String getServletInfo()
10.在这里插入图片描述

11.在这里插入图片描述
12.在这里插入图片描述

13.默认情况下使用表单发送的请求也是GET请求,如果发送POST请求,需要将method属性值指定为“post”。
14.在这里插入图片描述

15.问号后面内容为请求参数名和参数值对,若有多个参数,中间用“&”符号分隔,参数名和参数值之间用等号(=)分隔。问号后面内容称为查询串(query string)。
16.HTTP响应也由三部分组成:状态行、响应头和响应的数据。
17.Servlet在对请求进行分析后,可能不直接向浏览器发送响应,而是向浏览器发送一个Location响应头,告诉浏览器访问其他资源,这称为响应重定向。
18.在这里插入图片描述

19.在这里插入图片描述

JSP

1.在这里插入图片描述

2.当JSP页面第一次被访问时,Web容器解析JSP文件并将其转换成相应的Java文件,该文件声明了一个Servlet类,该类称为页面实现类。
3.客户首次访问页面时,Web容器执行该JSP页面要经过6个阶段。前三个阶段将JSP页面转换成一个Servlet类并装载和创建该类实例,后三个阶段是初始化、提供服务和销毁阶段。
4.在这里插入图片描述

5.在这里插入图片描述

6.在这里插入图片描述

7.在这里插入图片描述

8.在这里插入图片描述

9.在这里插入图片描述

10.有多种错误处理方法:声明式错误处理和编程式错误处理。
11.在JSP页面中可以使用三种动作:JSP标准动作,标准标签库(JSTL)中的动作和用户自定义动作。

JDBC

1.协议记住客户及其请求的能力称为状态。按这个观点可将协议分成两种类型:有状态的、无状态的。
2.HTTP协议是一种无状态的协议,服务器对客户的每个请求和响应都是作为一个分离的事务对待。
3.服务器本身不能在多个请求中维护客户的状态。
4.在这里插入图片描述

5.通常需要三步: 1)创建或返回与客户请求关联的会话对象。2)在会话对象中添加或删除“名/值”对属性。3)如果需要可使会话失效。
6.数据库管理系统(DataBase Management System,DBMS)和操作系统一样是计算机系统的基础软件,也是一个大型的软件系统。它主要实现对共享数据的有效组织、存储、管理和存取。
7.数据库系统(DataBase System,DBS)由一个互相关联的数据的集合和一组用以访问这些数据的程序组成。这个数据集合通常称为数据库(database),其中包含了关于某个企业的信息。
8.在这里插入图片描述

9.数据库连接步骤:(1)加载驱动程序。(2)建立连接对象。(3)创建语句对象。(4)执行语句获得结果。(5)关闭建立的对象。
10.在这里插入图片描述

其他专题

1.Web应用程序中的事件主要发生在三个对象上:ServletContext对象、HttpSession对象、ServletRequest对象。事件的类型主要包括对象的生命周期事件和属性改变事件。
2.在Servlet规范中定义4种验证类型: 1. HTTP Basic验证2. HTTP Digest验证3. FORM-based验证4. HTTPS Client验证
3.声明式安全(declarative security)是一个应用程序的安全结构,包括角色、访问控制及验证需求都在应用程序外部表示。在应用程序内通过部署描述文件(web.xml)声明安全约束。
4.编程式的安全(programmatic security)主要是使用Servlet API的有关方法实现。
5.使用AJAX如果只需更新页面中一小部分内容,即部分刷新页面
6.AJAX技术是一种客户端技术,它实现客户浏览器与服务器的异步交互。
7.在异步交互中,客户使用XMLHttpRequest对象发送请求并获得服务器的响应, AJAX可以在不刷新整个页面的情况下用JavaScript操作DOM以实现页面动态更新。
8.在这里插入图片描述

Vue

1.MVVM (Model-View-ViewModel),本质上是MVC的改进版,其最重要的特性即是数据绑定(data binding),此外还包括依赖注入、路由配置、数据模板等一些特性。
2.模型(model)
用于处理应用程序数据逻辑的部分。
通常模型对象负责在数据库中存取数据。
3.视图(view)
应用程序中处理数据显示的部分。
通常视图是依据模型数据创建的。
4.控制器(controller)
应用程序中处理用户交互的部分。
通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。
5.controller连接model和view的桥梁,承载model数据的加载、加工、view事件的响应、管理着model和view的生命周期,M与V永不直接通信
6.MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。
7.由于计算属性的this指向Vue实例,所以它可以获取实例上所有已挂载的可见属性
8.当列表渲染被重新执行(数组内容发生改变)时,如果不使用key,Vue会为数组成员就近复用已存在的DOM节点。
9.filters选项用于定义在当前组件或实例作用域中可用的过滤器,可在双括号插值(Mustache语法)中添加在Javascript表达式的尾部,以管道符号“|”与表达式隔开,表达式的值将作为参数传入filter中。
10.当存在多个filter时,Vue将从左向右执行过滤,并将上一次过滤的结果作为下一次过滤的输入值。
11.Vue允许开发者在定义全局filter,全局filter的使用方法与选项filter一致。全局filter可以在任何组件和实例中起作用。

  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值