1.2D坐标系由X轴个y轴构成。其中，笛卡尔坐标系是最常见的2D坐标系。
2.HTML5 canvas2D坐标系：
(1)canvas坐标原点：左上角。
(2)canvas的x与y轴方向:
(I)x轴的正方向：从左到右
(II)y轴的正方向：从上到下
3.3D坐标系增加了表示深度的z轴，即3D物体离屏幕的深度。
4.HTML5 WebGL 3D坐标系：
(1)WebGL坐标系的方向： 
5.网格与3D图形
(1)三角形是基础图形
(2)3D图形由一个或多个三角形组成
(3)网格由一个或多个图形组成
6.法线：
始终垂直于某平面的虚线。在几何中，法线是指平面上垂直于曲线在某点切线的直线。
7.变换原理是对顶点的改变。变换的缩放、平移和旋转。
8.网格与材质
(1)纹理可以定义网格表面的外观
(2)材质是网格表面的特性
9.关照原理
(1)关系方向决定物体的明暗度与阴影
(2)在找色过程中，需要考虑光源类型与反射类型
10.光源类型
(1)平行光
(2)点光源光
(3)环境光
11.反射类型
(1)漫反射光色由入射光色、表面漆色和入射角决定
(2)环境反射由入射光色和表面漆色决定
12.什么是HTML?
(1)HTML是用来描述网页的一种语言
(2)HTML指超文本标记语言(Hyper Text Markup Language)
(3)HTML不是编程语言，是一种标记语言
13.HTML的新特性：
(1)用于绘画的canvas标签
(2)用于媒介回放的video和audio元素
(3)对本地离线储存的更好支持
(4)新的特殊内容元素
如:article、footer、header、nav、section
(5)新的表单控件：
如：calendar、data、time、email、url、search
(6)浏览器的支持
Safari、Chrome、Firefox以及Opera包括IE9支持了HTML5
14.声明：<!DOCTYPE>
HTML也有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE>的用处
HTML5：<!DOCTYPE html>
15.HTML基础标签：head 、body
16.HTML标签：<h1>……<h6>等标签进行定义等
17.HTML段落:<p>标签定义段落
18.HTML链接：<a>标签定义链接
19.HTML图形：<img>标签定义图像
20.HTML5提供的数据持久化技术
(1)Application Cache:本地缓存应用所需的文件
(I)Manifest文件：
Application Cache的浏览器事件特点：
(i).Manifest文件有变化才更新、
(ii).一次必须Manifest中的所有文件
(iii).下次才生效
(2)Local Storage &Session Storage:键值对（Key-Value）存储数据
(3)Web SQL：关系数据库，通过SQL语句访问
(I)浏览器的本地数据库：占用资源少、处理速度快
(II)三个核心方法：
(i)openDatabase:使用现有数据库或新建
(ii)transaction:事务提交或回滚
(iii)executeSql:执行真实的SQL查询
(4)IndexDB:索引数据库
21.MVC设计模式
22.绘制弧线的函数：context.arc(conterx,centery,radius,startingAngle,endingAngle,anticlockwise=false)。
23.HTML标签：
<html>...</html>:标识HTML文档的起始和终止
<head>...</head>:标识HTML文档的头部区域
<body>...</body>:标识HTML文档的主体区域
<title>...</title>:标识网页标题
<hi>...</hi>:标识标题文本，其中i标识1,2,3,4分别表示一统三级等标题。
<p>...</p>:标识段落文本。
<pre>...</pre>:标识预定义文本
<blockquote>...</blockquote>:标识引用文本
<b>...</b>：标志强调文本，以加粗效果显示
<i>...</i>:标识引用文本，以斜体效果显示
<blink>...</blink>:标识闪烁文本，以闪烁效果显示。IE浏览器不支持该标签。
<big>...</big>:标识放大文本，以放大效果显示。
<small>...</small>:标识缩小文本，以缩小效果显示
<sup>...</sup>:标识上标文本，以上标效果显示
<sub>...</sub>:标识下标文本，以下标效果显示
<cite>...</cite>:标识引用文本，以引用效果显示
<ul>...</ul>:标识无序列表
<oi>...</ol>：标识有序列表
<li>...</li>：标识列表项目
<dl>...</dl>：标识定义列表
<dt>...</dt>:标识词条
<dd>...</dd>：标识解释
<a>...</a>：标识超链接
<img/>:嵌入图像
<embed>...</embed>：嵌入多媒体
<object>...</object>：嵌入多媒体
<table>...</table>：定义表格结构
<caption>....</caption>:定义表格标题
<th>...</th>:定义表格头
<tr>...</tr>:定义表格行
<td>...</td>：定义表格单元格
<from>...</form>：定义表单结构
<input/>:定义文本域、按钮和复选
<textarea>...</textarea>:定义多行文本
<select>...</select>:定义下拉列表
<option>...</option>：定义下拉列表中的选择项目
24.HTML属性
html、head文档和头部基本结构
title 网页标题
base 网页基准信息
meta 网页元信息
param 元素参数信息
script style 网页的脚本和样式
frameset、frame、iframe 网页框架结构
br 换行标识
hr 结构装饰线
base 网页基准信息
param 元素参数信息
script 网页的脚本
alt 定义元素的替换文本
title 定义元素的提示文本
longdesc 定义元素包含内容的大段描述信息
cite 定义包含元素内容的引用信息
datetime 定义元素包含内容的日期和时间
25.元素内容类型
(1)内嵌： 在文档中添加其他类型的内容，如：audio、video、canvas和iframe等。
(2)流：在文档和应用的body中使用的元素，如form、h1和small等。
(3)标题:段落标题，如h1、h2和hgroup等
(4)交互：与用户交互的内容，如音频和视频的控件、button和textarea等。
(5)元数据:通常出现在页面的head中，设置页面其他部分的表现和行为，如script、style和title等。
(6)短语：文本和文本标记元素，如mark、kbd、sub和sup等。
26.元素名称
(1)header:标记头部区域的内容(用于整个页面或页面中的一块区域);
(2)footer:标记脚部区域的内容（用于整个页面或页面中的一块区域）
(3)section:Web页面中的一块区域
(4)article:独立地文章内容
(5)aside:相关内容或者引文
(6)nav:导航类辅助内容
27.
(1)<!DOCTYPE html>声明文档类型
(2)<html lang=zh-cn> 声明文档文字区域
(3)<head> 文档的头部区域
(4)<meta charset=utf-8> 文档的头部区域中元数据的字符集定义，utf-8表示国际通用的字符集编码格式
(5)<title>文档标题</title> 文档的头部区域的标题。title内容对于SEO来说极其重要
(6)<meta name=description content=文档描述信息>文档的头部区域元数据关于文档描述的定义
(7)<meta name=author content=文档作者>文档的头部区域元数据区关于开发人员姓名的定义
(8)<meta name=copyright content=版权信息>文档的头部区域元数据关于版权的定义
(9)<link rel=shortcht icon href=favicon.ico>文档的头部区域的兼容性写法
(10)<link rel=apple-touch-icon href=custom_icon.png> 文档的头部区域的apple设备的图标的引用
(11)<name=viewport content=width=device-width,user-scalable=no>文档的头部区域对于不同接口设备的特殊声明。宽=设备宽，用户不能自动缩放
(12)<link rel=stylesheet href=main.css> 文档的头部区域的样式文件引用
(13)<script src=script.js></script>文档的头部区域的JavaScript脚本文件调用
28.日期检查类型
(1)date <input type="date"> 选取日、月、年。
(2)month <input type="month"> 选取月、年。
(1)week <input type="week"> 选取周年。
(1)datetime <input type="datetime"> 选取时间、日、月、年(UTC时间)。
(1)datetime-local <input type="datetime-local"> 选取时间、日、月、年(本地时间)。
29.新增的表单重写属性
(1)formation:用于重写表单的action属性
(2)formenctype:用于重写表单的enctype属性
(3)formmethod:用于重写表单的method属性
(4)formnovalidate:用于重写表单的novalidate属性
(5)formtarget:用于重写表单的target属性
30.
(1)max属性：规定输入框所允许的最大值。
(2)min属性：规定输入框所允许的最小值
(3)setp属性：为输入框规定合法的数字间隔(或称为“步进”。如果step="4",则法的数值是-4,0,4,8等)。
31.播放音频或视频的几个属性
(1)load():该函数可以加载音频或者视频文件，为播放做准备。通常情况下不必调用，除非是动态生成的元素。用来在播放前预加载。
(2)play():该函数可以加载并播放音频或视频文件，除非音频或视频文件已经暂停在其他位了，否则默认从开头播放。
(3)pause():该函数暂停处于播放状态的音频或视频文件。
(4)canPlayType(type):该函数检测video元素是否支持给定MIME类型的文件。
(I)probably:表示浏览器确定支持此媒体类型
(II)maybe:表示浏览器可能支持此媒体类型
(III)空字符串：表示浏览器不支持此媒体类型
32.音频与视频相关事件
(1)abort:浏览器在完全加载媒体数据之前中止获取媒体数据
(2)conplay:浏览器能够开始播放媒体数据，但估计以当前速率播放不能直接将媒体播放完，即可能因播放期间需要缓冲而停止
(3)canplaythrough:浏览器以当前速率可以直接播放完整个媒体资源，在此期间不需要缓冲
(4)durationchange:媒体长度（duration属性）改变
(5)emptied:媒体资源元素突然为空时，可能是网络错误或加载错误等。
(6)ended:媒体播放以抵达结尾
(7)error:在元素加载期间发生错误
(8)loadeddata:已经加载当前播放位置的媒体数据
(9)loadedmetadata:浏览器已经获取媒体元素的持续时间和尺寸
(10)loadstart:浏览器开始加载媒体数据
(11)pause:媒体数据暂停播放
(12)play:媒体数据将要开始播放
(13)playing:媒体数据已经开始播放
(14)progress:浏览器正在获取媒体数据
(15)ratechange:媒体数据的默认播放速率(defaultPlaybackRate属性)改变或播放速率(playbackRate属性)改变
(16)readystatechange:就绪状态(ready-state)改变。
(17)seeked:浏览器停止请求数据。媒体元素的定位属性不再为真(seeking属性值为false)且定位已结束
(18)seeking:浏览器正在请求数据，媒体元素的定位属性为真(seeking属性值为true)且定位已开始。
(19)stalled:浏览器获取媒体数据过程中出现异常
(20)suspend:浏览器非主动获取媒体数据，但在取回整个媒体文件之前中止。
(21)timeupdate:媒体当前播放位置(currentTime属性)发生改变
(22)volumechange:媒体音量(volume属性)改变或静音（muted属性）
(23)waiting:媒体已停止播放但打算继续播放。