山东大学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两个部分组成，在头部标记中，可定义标题、样式等
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种：
①
②
9.在HTML代码中不区分大小写
10.书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格
11.
第三章
1.网页中通过代码控制来添加空格（ ）（&为&）
2.若字体都不存在，使用默认“宋体”
3.段落p标记会自动在其前后创建一些空白。
4.段落缩进(也称为“块引用”)blockquote标记引用的内容必须是块级标记，浏览器在 blockquote标记前后添加了换行，并增加了外边距。一对blockquote标记能够向右缩进5个西文字符的位置。
5.标记对网页中的文字段落进行预格式化，浏览器会完整保留设计者在源文件中所定义的格式，包括各种空格、缩进以及其他特殊格式。
第四章
无
第五章
1.超链接是指从一个网页指向一个目标的连接关系。这个目标可以是：一个网页、图片、一个电子邮件地址、一个文件或是一个应用程序。网页中超链接的对象是一段文本或者是一个图片。 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
2.超链接路径：绝对路径、相对路径、根路径
3.超链接可以分为内部链接和外部链接两种。内部链接是指网站内部文件之间的链接，而外部链接是指网站内的文件链接到站点内容外的文件。
4.浏览器窗口含有孤立的子窗口称为浮动框架。在浏览器窗口中使用标记，可以嵌入浮动框架。
第六章
无
第七章
1.CSS（Cascading Style Sheet）层叠样式表，也称为级联样式表，用来设计网页风格。CSS是一个由包含一个或多个规则的文本文件。
2.CSS规则由选择器和声明组成，声明由属性和属性值对组成。CSS提供了丰富的选择器类型，包括标记选择器、类选择器、id选择器及伪类选择器等
3.ID选择符样式比类选择符样式优先级高
4.@import url(“外部样式表的文件名称”);
5.
6.标记是单标记，同时链接几个外部样式表时按“最近优先的原则”
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效果，或者可创建一个子表单来处理这些元素。标记定义域标题。
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 标记定义文档和区域的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。通常
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.
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文档结构好像倒垂的一棵树一样，其中标记就是树的根节点，、是树的两个子节点。这种描述页面标记关系的树型结构称为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可以在任何组件和实例中起作用。