本地试读：hexo s
停止：Ctrl+C
生成：hexo g
部署：hexo d
浅紫色 #CCC1D2
深紫色 #592C63，（89, 44, 99）
白练色 #FCFAF2，(252, 250, 242)
：换行
UL：无序列表
a：链接
avatar：头像
transition：过渡
cubic-bezier(0.77, 0, 0.175, 1) ：立体移动曲线
brackets：括弧
bolder：粗体
scrollbar：侧边拉条
A
align 对齐
active 激活
absolute 绝对
alpha 图像通道
animate 动画
animation 动画片
alert 提醒
add 加
append 添加
after 之后
B
back 超过范围的三次方缓动
bounce 指数衰减的反弹缓动
before 在…之前
blur 当输入框失焦的时候触发
BOM 全称
Browser Object Model 浏览器对象模型
blur 失焦
bind 绑定
background 背景
border 边框
banner 页面上的一个横条
both 二者都是clear 属性的一个属性值
black 黑色 bottom 底部，是一个CSS 属性
blink 闪烁
box 盒子
block 块
br 换行标记
blue 蓝色
bug 软件程序中的错误
body 主体，一个HTML 标记
building 建立
bold 粗体
button 按钮
break 中断
bool 布尔
boolean 布尔
bubble 冒泡
C
cubic 三次方的缓动
circular 圆形曲线的缓动
createElement 创建新元素
createTextNode 创建文本节点
childNodes 返回子节点
cancelBubble 删除冒泡
click 点击事件
change 内容发生改变，并失焦后才触发该事件
close 关闭当前页面
confirm 输入框
clientWidth 获取元素宽度
clientHeight 获取元素的高度
childNodes 获取所有子节点
children 返回子元素
cloneNode 复制节点
Clone 克隆、复制
chekbox 复选框
cell 表格的单元格
color 颜色
center 中间，居中
connected 连接的
contact 联系
child 孩子
content 内容
circle 圆圈
crosshair 十字叉丝
class 类别
css 层叠样式表
clear 清除
cursor 鼠标指针
continue 继续
close 关闭
ceil 向上取整
charAt 获取某位置字符
D
DOM 全称Document
Object Model 文档对象模型
default 不执行
document 文件，文档 dbclick 双击
dashed 虚线
display 显示，CSS 的一个属
decimal 十进制
division 分区，
decoration 装饰
document 文档
default 默认的
definition 定义
dotted 点线
double 双线
design 设计
do 做
E
exponential 指数曲线的缓动
elastic 指数衰减的正弦曲线缓动
error 错误 过失
element 元素
else 否则
empty 空
F
font 字体
form 表单
footer 页脚
from…to 从..到
first 第一
focus 焦点
fadeIn 淡入
fadeOut 淡出
find 查找
fixed 固定的
function函数，功能
G
getAttribute 获取属性
gradients 渐变
gif 一种图像格式
green 绿色
gray 灰色
H
history 对象
host 主机
height 高度
hover 盘旋，悬停
hidden() 隐藏
hack 常用于CSS 中的一些招数
here 这里
hand 手
hidden 被隐藏
head 头部
home 首页
height 高度
horizontal 水平的
help 帮助
I
input 当输入的时候实时触发
image 图像
input 输入
italic 斜体
iteration 反复
index 索引
inline 行内
important 重要的
inner 内部的
if 如果
int：整数
J
justify 齐行
K
keyCode 按键编码
keydown 按下按键
keyframe 关键帧
keyup 按下按键抬起
L
link 链接
line 线,行
linear 线型的
last 最后
load 下载
last 最后一个
link 链接
left 左边
list 列表
length 长度
leave 出去
lowercase 小写
level 级别
localStorage 本地存储
M
margin 边界
model 模型
main 主体
max 最大
min 最小
media 媒体
mouseenter 鼠标进入
mouseleave 鼠标离开
N
navigation 导航
new 新建
normal 正常
navigation 导航
name 名字
next 下一个
O
outerHeight 整个高度
outerWIdth 整个宽度
onUpdate 更新事件
optional 可选的
oblique 一种斜体
orange 橙色
overflow 溢出
open 打开
outline 外轮廓
origin 原点
object 对象
P
padding 填充
position 位置
play 播放
paused 暂停
property 属性
parent 父辈
prev 上一个
Q
quadratic 二次方的缓动
quintic 五次方的缓动
quartic 四次方的缓动
querySelector 一个
querySelectorAll 一组
R
rotate 旋转
repeat 重复
right 右
relative 相对
radius 半径
red 红色
radial 放射状的
running 运行
resize 改变大小
remove 移除
ready 准备好
S
start 开始
stop 停止
submit 提交
scroll 滚动
shadow 阴影
silver 银色
square 方块
solid 固体，实线
static 静态的
solution 方案
strong 强壮，加粗的
style 样式
span 一个HTML 标记
switch 切换
split 分割
substr 截取字符串
sqrt 取开方
status 状态
sort 排序
slice 切片，划分
splice 铰接，粘接
T
top 顶
title 标题
text 文本
test 测试
type 类型
table 表格
transparent 透明的
transition 过渡
transform 变形
translate 转换
this 这个
toggle 切换
U
underline 下划线
uppercase 大写
upper 上面的
url 网址
V
vertical 竖直的
visited 访问过的
var 定义变量
vi 文件名 编辑文件
varchar 字符
video 视频
W
wrap 包裹
white 白色
width 宽度
write 写入
watch 监控
week 星期 获取需要day
weight 加重
window 窗口
Web前端常用词汇大全
html中的单词
Network [‘netwɜːk] 网络
General [‘dʒen(ə)r(ə)l] 一般的，大体的
Request [rɪ’kwest] 请求
Response [rɪ’spɒns] 响应
Headers [‘hedəz] 标题
HyperText [‘haɪpətekst] 超文本
Transfer [træns’fɝ] 传递
Protocol [‘prəʊtəkɒl] 协议
HyperText Transfer Protocol http:超文本传输协议
document [‘dɒkjʊm(ə)nt] 文件
title [‘taɪt(ə)l] 标题
type [taɪp] 类型
doctype: 文档类型
meta [‘metə] 变化
body [‘bɒdɪ] 身体
notepad [‘nəʊtpæd] 笔记本；记事手册
heading [‘hedɪŋ] 标题
h标签
paragraph [‘pærəgrɑːf] 段落
p标签：
line [laɪn] 行，排
break [breɪk] 打破
line break 换行
Horizontal [hɒrɪ’zɒnt(ə)l] 水平的
Horizontal Line 水平线
image [‘ɪmɪdʒ] 图片
img标签
anchor [‘æŋkə] 锚
a标签 超级链接
target [‘tɑːgɪt] 目标
background [‘bækgraʊnd] 背景
unordered [ʌn’ɔːdəd] 无序的
lists [lɪst] 列表
item [‘aɪtəm] 项目
list item 列表项目
li标签
unordered lists 无序列表
ordered [‘ɔːdəd] 有序的
ordered lists 有序列表
definition [defɪ’nɪʃ(ə)n] 定义
definition lists 自定义列表
Term [tɜːm] 术语
Definition Term 定义术语
description [dɪ’skrɪpʃ(ə)n] 类型
dd标签
form [fɔːm] 表单
text [tekst] 文本
password [‘pɑːswɜːd] 密码
table [‘teɪb(ə)l] 表格
row [rəʊ] 排
table row ==》tr 一行
data 数据
cell [sel] 细胞
table data cell ==> td 表格中的一个单元格
table header cell==》 th 表格中的表头
width –>宽度
heigh –>高度
rowspan –>所跨行数
colspan –>所跨列数
css中的单词
Cascading [kæ’skeɪdɪŋ] 层叠
style [staɪl] 式样
Sheets [ʃit] 单
css Cascading Style Sheets 层叠样式表
size [saɪz] 大小
color [‘kʌlɚ] 颜色
content [‘kɑntɛnt]内容 （英 [kən’tent]满足的）
description [dɪ’skrɪpʃ(ə)n] 描述
element [‘elɪm(ə)nt] 元素
font [fɒnt] 字体
font-size 字体大小
color 字体颜色
display [dɪ’spleɪ] 显示
block [blɒk] 块
inline [‘ɪn,laɪn] 行内的
inline-block 行内块级元素
indent [ɪn’dent] 缩进
text-indent 首行缩进
weight [weɪt] 重量
font-weight 字体加粗
bold [bəʊld] 加粗的，黑体的
line-height 行高
letter 字母
letter-spacing 字符间距
word [wɜːd] 单词
break [breɪk] 打破
word-break 让长句英文自动换行
white 白色的
type [taɪp] 类型
link 连接
background-image 背景图片
repeat 重复
background-repeat 背景是否平铺
position [pə’zɪʃ(ə)n] 位置
link
visited 访问过的
hover 盘旋，悬停
active [‘æktɪv] 激活
padding [‘pædɪŋ] 填料（填充物）
top [tɒp] 顶部
right [raɪt] 右边
bottom [‘bɒtəm] 底部
left [left] 左边
border 边框
border-color 边框颜色
border-style 边框样式
border-width 边框宽度
margin [‘mɑːdʒɪn] 边缘 外边距
margin：0 auto 让盒子居中显示
collapse [kə’læps] 倒塌
border-collapse 合并相邻边框
outline [‘aʊtlaɪn] 轮廓
outline-style 外边线样式
resize [riː’saɪz] 调整大小
resize:none; 不允许拖动文本域
overflow [əʊvə’fləʊ] 溢出
overflow:hidden 溢出的部分隐藏
float 浮动
*{margin:0; padding:0;} 清除浏览器默认的边距
Cursor [‘kɜːsə] 光标
pointer [‘pɒɪntə] 指针
Cursor:pointer 让鼠标变成小手
position [pə’zɪʃ(ə)n] 位置
absolute [‘æbsəluːt] 绝对的
relative [‘relətɪv] 相对的
index [‘ɪndeks] 指数
z-index: 1 叠放次序
js中的单词
java [‘dʒɑ:və] (用于因特网的)Java 语言；爪哇岛（位于印尼）
script [skrɪpt] 脚本
javascript [‘dʒɑ:və,skrɪpt] 基于对象和事件驱动的客户端脚本语言
variable [‘veərɪəb(ə)l] 变量
console [kən’səʊl] 控制台
log [lɒg] 记录
alert [ə’lɜːt] 警报
prompt [prɒm(p)t] 提示
number [‘nʌmbə] 数字
string [strɪŋ] 线
boolean [‘bʊlɪən] 布尔
null [nʌl] 空
undefined [ʌndɪ’faɪnd] 未定义
Math [mæθ] 数学
round [raʊnd] 绕行
Math.round 四舍五入
在JS中Math首字母大写,Math是JS的一个自带对象，可以试着用[]的形式调用一下Math中的一些常见方法，也是可行的
ceiling [‘siːlɪŋ] 天花板
Math.ceil(); 向上取整
floor [flɔː] 地板
Math.floor(); 向下取整
absolute [‘æbsəluːt] 绝对的
Math.abs（）;取绝对值
maxima [‘mæksəmə] 最大数
Math.max(); 取最大值
minimum [‘mɪnɪməm] 最小值
Math.min (); 最小值
random [‘rændəm] 随机的
Math.random(); 得到一个小于0小于1的随机数
parse [pɑrs] 解析
parseInt（） 解析成整数
integer [‘intidʒə] 整数
parseFloat () 解析成浮点数
false [fɔːls] 错误的
true [truː] 真实的
if [ɪf] 如果 else [els] 其他
while [waɪl] 当……的时候
break [breɪk] 中断
continue [kən’tɪnjuː] 继续
switch [swɪtʃ] 转换
debug [diː’bʌg] 调试
case [keɪs] 情况
array [ə’reɪ] 数组
length [leŋθ] 长度
function [‘fʌŋ(k)ʃ(ə)n] 函数
return [rɪ’tɜːn] 返回值
arguments [‘ɑːgjʊm(ə)nts] 伪数组
object [‘ɒbdʒɪkt] 对象
delete [dɪ’liːt] 删除
Instanceof [‘ɪnst(ə)ns] 判断数组
Object.prototype.toString.call() 精确判断数据类型
[‘prəʊtətaɪp]
constructor [kənˈstrʌktə(r)] 构造函数
push [pʊʃ] 推进
pop [pɒp] 删除最后一项，返回删除项
shift [ʃɪft] 删除第一项，返回删除项
unshift [ʌn’ʃɪft] 将这些元素插入到一个数组的开始部分
reverse [rɪ’vɜːs] 翻转
sort [sɔːt] 将…排序
concat [‘con:cat] 把参数拼接到当前数组
slice() [slaɪs] 从当前数组中截取一个新的数组，不影响原来的数组，参数start从0开始,end从1开始
splice() [splas] 删除或替换当前数组的某些项目，参数start, deleteCount, options(要替换的项目)
indexOf() [ɪndeks] 检索此字符出现的索引，如果没有，则返回-1
lastIndexOf() 从后往前检索此字符出现的索引，如果没有，则返回-1
filter() [‘fɪltə] 过滤
charAt() [tʃɑː] 获取指定位置处字符
charCodeAt() 获取指定位置处字符的ASCII码
trim() [trɪm] 去除字符串两侧的空白
to(Locale)UpperCase() 转换大写
[ləʊ’kɑːl] [‘ʌpə’keɪs]
to(Locale)LowerCase() 转换小写
[,ləʊə’keɪs]
join() [dʒɒɪn] 分隔
split() [splɪt] 分割
API中的单词
API（Application Programming Interface）
[æplɪ’keɪʃ(ə)n] [‘prəʊɡræmɪŋ] [‘ɪntəfeɪs] 应用程序编程接口
document [‘dɒkjʊm(ə)nt] 文件，文档
Element [‘elɪm(ə)nt] 元素
getElementById() 通过Id获取元素
getElementsByTagName() 通过标签名获取元素
getElementsByName() 通过Name获取元素
getElementsByClassName() 通过ClassName获取元素
querySelector() [‘kwɪərɪ] [sɪ’lektə] 通过选择器查询第一个元素
querySelectorAll() 通过选择器查询所有元素
获取标签中的内容的三种方式
innerHTML [ɪnə] 内部HTML
innerText [ɪnə] [tekst] 内部文本
textContent [tekst] [kən’tent] 文本内容
getAttribute() [ə’trɪbjuːt] 获取标签行内属性
setAttribute() [ə’trɪbjuːt] 设置标签行内属性
removeAttribute() [ə’trɪbjuːt] 移除标签行内属性
document.write() [‘dɒkjʊm(ə)nt] [raɪt] 文档打印输出
document.createElement() [‘dɒkjʊm(ə)nt] [kriː’eɪt] 文档创建元素
appendChild() [ə’pend] [tʃaɪld] 附加子元素
insertBefore() [ɪn’sɜːt][bɪ’fɔː] 在之前插入
removeChild() [rɪ’muːv][tʃaɪld] 移除子元素
replaceChild() [rɪ’pleɪs][tʃaɪld] 置换子元素
parentNode [‘peər(ə)nt][nəud] 父节点
childNodes [tʃaɪld][nəuds] 子节点
children [‘tʃɪldrən] 子元素
nextSibling/previousSibling 之后的节点/之前的节点
[‘sɪblɪŋ] [‘priːvɪəs]
nextElementSibling/previousElementSibling 之后的元素/之前的元素
firstChild/lastChild 首子节点/末子节点
[fɜːst] [tʃaɪld] [lɑːst][tʃaɪld]
Contented [kən’tentɪd] 满足的；心安的
onmouseenter（不会冒泡）= onmouseover（会冒泡） 鼠标移入
onmouseleave（不会冒泡）= onmouseout（会冒泡） 鼠标移出
onmouseup 鼠标按键放开时触发
onmousedown 鼠标按键按下触发
onmousemove 鼠标移动触发
onkeyup 键盘按键按下触发
onkeydown 键盘按键抬起触发
onclick [‘ɒnklɪk] 鼠标单击事件
onfocus [ɒn’fəʊkəs] 获取焦点
onblur [‘ɒn blɜː] 失去焦点
classList.add（） 给标签添加的样式属性
classList.remove（） 移除标签的样式属性
classList.toggle（） [‘tɒg(ə)l] 开关（无则添加，有则删除）
hasChildNodes() 判断dom是否有子节点
addEventListener() 事件监听(Ie9+)
attachEvent() [ə’tætʃ] 事件监听(老版本Ie）
removeEventListener() 移除事件监听(Ie9+)
detachEvent() [dɪ’tætʃ] 移除事件监听(老版本Ie)
e.clientX [‘klaɪənt] 鼠标相对于可视区域的横向位置
e.clientY 鼠标相对于可视区域的纵向位置
e.pageX 鼠标相对于当前页面的横向位置
e.pageY 鼠标相对于当前页面的纵向位置
cloneNode [kləʊn] 克隆节点
return false 取消默认行为
preventDefault() 取消默认行为（DOM标准方法）
[prɪ’vent] [dɪ’fɔːlt]
Propagation [,prɒpə’ɡeɪʃən] 传播
stopPropagation() 停止事件传播 取消冒泡
cancelBubble 取消冒泡（非标准的方式 老版本Ie）
[‘kæns(ə)l] [‘bʌb(ə)l]
setTimeout() 设置单次定时器
clearTimeout() 清除单次定时器
setInterval() [‘ɪntəv(ə)l] 设置定时器
clearInterval() 清除定时器
offset [‘ɒfset] 偏移
scroll [skrəʊl] 卷曲
confirm [kən’fɜːm] 确认 取值为true or false
onload [‘ɔnlod] 加载
onunload [ɔn’ʌnlod] 页面加载完成后
location [lə(ʊ)’keɪʃ(ə)n] 位置
location.reload() true 强制从服务器获取页面 false 如果浏览器有缓存的话，直接从缓存获取页面
scheme [skiːm] 通信协议
host [həʊst] 主机
port [pɔːt] 端口
path [pɑːθ] 路径
query [‘kwɪərɪ] 查询
fragment [‘frægm(ə)nt] 信息片断
history [‘hɪst(ə)rɪ] 历史
navigator [nævɪgeɪtə] 通过userAgent可以判断用户浏览器的类型
cursor [‘kɜːsə] 光标
cursor: move 被悬浮的物体可被移动
cursor: pointer [‘pɒɪntə] 让鼠标变成小手
JS高级 中的单词
User Interface 用户界面，我们所看到的浏览器
Browser engine 浏览器引擎，用来查询和操作渲染引擎
[‘braʊzə] [‘endʒɪn]
Rendering engine [‘rend(ə)rɪŋ] 用来显示请求的内容，负责解析HTML、CSS，并把解析的内容显示出来
Networking 网络，负责发送网络请求
JavaScript Interpreter(解析者) [ɪn’tɜːprɪtə] JavaScript解析器，负责执行JavaScript的代码
UI Backend [‘bæk,ɛnd] UI后端，用来绘制类似组合框和弹出窗口
Data Persistence(持久化) [pə’sɪst(ə)ns] 数据持久化，数据存储 cookie、HTML5中的sessionStorage
sessionStorage 本地存储/全局对象/会话存储
Object Oriented Programming 面向对象编程
[‘ɒbdʒɪkt][‘ɔːrɪentɪd][‘prəʊɡræmɪŋ]
constructor [kənˈstrʌktə(r)] 构造函数
prototype [‘prəʊtətaɪp] 原型
bind [baɪnd] 绑定，装订，结合
keycode [kiːkəʊd] 键码
json (JavaScript Object Notiation)
基于JavaScript语言的轻量级的数据交换格式
extend [ɪk’stend] 延伸；扩大；伸展
triangle [‘traɪæŋg(ə)l] 三角形
ellipse [ɪ’lɪps] 椭圆形
uniform [‘juːnɪfɔːm] 统一的；一致的；相同的
scale [skeɪl] 规模
closure [‘kləʊʒə] 闭包
factorial [fæk’tɔːrɪəl] 阶乘
JQ中的单词
:add [æd] 增加
:event [ɪ’vent] 事件
:empty [‘em(p)tɪ] 成为空的
:remove [rɪ’muːv] 移动
:prepend [pri:’pend] 预先考虑
:prop [prɒp] 支撑；维持
toggle [‘tɒg(ə)l] 开关，切换
fadeIn [feɪdɪn] 平淡的进入
fadeOut [feɪdaʊt] 平淡的出去
fadeToggle [feɪd’tɒg(ə)1] 淡入淡出
fadeTo [feɪdto] 选元素的不透明度逐渐地改变为指定的值
slideDown [slaɪddaʊn] 向下滑动
slideUp [slaɪdʌp] 向上滑动
slideToggle [slaɪd’tɒg(ə)l] 滑动切换
target [‘tɑrɡɪt] 目标
delegate [‘delɪgət] 代表
delegateTarget [‘delɪgət] [‘tɑrɡɪt]
currentTarget [‘kʌr(ə)nt] [‘tɑrɡɪt]
prevAll [priv] [ɔːl]
prev 上一个 all 全部
hover [‘hɒvə] 盘旋
repeat [rɪ’piːt] 重复
style [staɪl] 设计式样
strict [strɪkt] 严格的
trigger [‘trɪgə] 触发
triggerHandler [‘trɪgə] [‘hændlə] 触发 事件响应方法，不触发浏览器行为
noConflict [‘kɒnflɪkt] 多库共存
spellCheck = ‘false’ [spel] 取消拼写检测（css）
H5C3中的单词
fullpage 整版，全屏
mousewheel [wiːl] 滚轮滑动事件
anchorlink [‘æŋkə] 锚链接
afterLoad [ləʊd] 滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 是序号，从1开始计算
onLeave 滚动前的回调函数，接收 index、nextIndex 和 direction 3个参数：index 是离开的“页面”的序号，从1开始计算；nextIndex 是滚动到的“页面”的序号，从1开始计算；direction 判断往上滚动还是往下滚动，值是 up 或 down
afterRender 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数
afterSlideLoad 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink、index、slideIndex、direction 4个参数
onSlideLeave 某一水平滑块滚动前的回调函数，与 onLeave 类似，接收 anchorLink、index、slideIndex、direction 4个参数
github 下载fullPage.js的官网
Keyframes [kay] [frems] 声明函数用
scrollingSpeed 滚动速度，单位为毫秒
navigation [nævɪ’geɪʃ(ə)n] 是否显示项目导航
loopBottom [luːp] [‘bɒtəm] 滚动到最底部后是否滚回顶部
loopTop 滚动到最顶部后是否滚底部
keyboardScrolling [‘kiːbɔːd] 是否使用键盘方向键导航
animation-fill-mode
设置动画结束时的状态：默认情况下，动画执行完毕之后，会回到原始状态
forwards:[‘fɔːwədz]会保留动画结束时的状态，在有延迟的情况下，并不会立刻进行到动画的初始状态
backwards:不会保留动画结束时的状态，在添加了动画延迟的前提下，如果动画有初始状态，那么会立刻进行到初始状态
both:会保留动画的结束时状态，在有延迟的情况下也会立刻进入到动画的初始状态*/
background: linear-gradient 线性渐变(方向，开始颜色 位置，颜色2 位置，颜色3 位置…) [‘greɪdɪənt]
其中方向：to position
background: radial-gradient 径向渐变 [‘reɪdɪəl] (形状 大小 坐标,颜色1，颜色2…)
其中坐标：at position
closest-side [kləusɪst] 最近边
farthest-side [‘fɑːðɪst] 最远边
closest-corner 最近角
farthest-corner 最远角
backgroundPositionX / backgroundPositionY 背景位置设定
Skew [skjuː] 斜的，歪斜
固定滚动和跟随滚动 (background-attachment：fixed/scroll)
fixed滚动窗口的滚动条 图片不会随着滚动条滚动但是图片被盖住
scroll滚动窗口的滚动条 图片会随着滚动条滚动
local和scroll的区别
local：滚动内容的滚动条 背景图片会跟随内容一起滚动
scroll：滚动内容的滚动条 背景图片不会跟随内容一起滚动
stellar [‘stelə] 视差滚动效果
ratio [‘reɪʃɪəʊ] 比率，比例
data-stellar-ratio=”” 设置元素滚动速度
data-stellar-background-ratio=”” 设置背景滚动速度
ruquestFullScreen() 开启全屏
cancelFullScreen() 退出全屏
fullscreenElement 全屏模式
FileReader(） 文件读取
onabort [ə’bɔrt] 读取文件中断片时触发
onerror 读取错误时触发
onload 文件读取成功完成时触发
onloadend 读取完成时触发，无论成功还是失败
onloadstart 开始读取时触发
onprogress 读取文件过程中持续触发
readAsDataURL() 读取后会把文件存在文件读取对象的result中，且是转码的
draggable [dræg] 可拖拽的
ondrag 应用于拖拽元素，整个拖拽过程都会调用–持续
ondragstart 应用于拖拽元素，当拖拽开始时调用
ondragleave 应用于拖拽元素，当鼠标离开拖拽元素时调用
ondragend 应用于拖拽元素，当拖拽结束时调用
ondragenter 应用于目标元素，当拖拽元素进入时调用
ondragover 应用于目标元素，当停留在目标元素上时调用
ondrop [drɒp] 应用于目标元素，当在目标元素上松开鼠标时调用
ondragleave 应用于目标元素，当鼠标离开目标元素时调用
dataTransfer [træns’fɜː] 数据转换
sessionStorage [‘seʃ(ə)n] [‘stɔːrɪdʒ] 会话存储
localStorage [‘ləʊk(ə)l] 本地存储
setItem(key,value) [‘aɪtəm] 存储数据，以键值对的方式存储
getItem(key) 获取数据，通过指定名称的key获取对应的value值
removeItem(key) 删除数据，通过指定名称key删除对应的值
clear() 清空所有存储的内容
manifest [‘mænɪfest] 明显的
play() 播放
pause() 暂停 [pɔːz]
paused 视频播放的状态.
currentTime [‘kʌr(ə)nt] 视频播放的当前进度、
duration [djʊ’reɪʃ(ə)n] 视频的总时间
oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。
ontimeupdate [ʌp’deɪt] 通过该事件来报告当前的播放进度.
onended 播放完时触发—重置
移动web中的单词
PPI（Pixels Per Inch） [‘piksəls] 像素密度
viewport [‘vju:pɔ:t] 视口
layout [‘leɪaʊt] 布局，设计
layout viewport 布局视口
ideal viewport [aɪ’dɪəl] 理想视口
device-width [dɪ’vaɪs] [wɪtθ] 设备宽度
initial-scale [ɪ’nɪʃəl] [skeɪl] 初始缩放值
maximum-scale [‘mæksɪməm] 最大缩放值
minimum-scale [‘mɪnɪməm] 最小缩放值
onresize [riː’saɪz] 改变屏幕大小时
touchstart [tʌtʃ] 触摸开始
touchmove 触摸滑动时
touchend 触摸结束
targetTouches [‘tɑːgɪt] 目标触摸对象
changedTouches 最后一次变化的触摸对象
display: flex; [fleks] 伸缩布局
flex-direction: column || row [‘kɒləm] 变换主轴（纵轴||横轴）
justify-content: [‘dʒʌstɪfaɪ] 水平方向偏移设置
flex-start || space-between || center || space-around || flex-end
[speɪs] [bɪ’twiːn]
flex-start： 弹性盒子元素将向行起始位置对齐。
flex-end： 弹性盒子元素将向行结束位置对齐。
center： 弹性盒子元素将向行中间位置对齐。
space-between： 弹性盒子元素会平均地分布在行里。
space-around： 弹性盒子元素会平均地分布在行里。
align-items [ə’laɪn] 竖直方向偏移设置
align-self 单个元素方向偏移设置
flex-wrap: wrap; [ræp] flex容器为多行。该情况下flex子项溢出的部分
会被放置到新行，子项内部会发生断行
no-wrap; flex容器为单行，该情况下flex子项可能会溢出容器
zepto 移动端的jQuery
tap [tæp] 轻击
fastclick 快速点击（解决点透插件）
Iscroll 实现客户端原生滚动效果的插件
swiper [‘swaipə] 轮播图用插件
bootstrap 移动端最常用框架
container [kən’teɪnə] 容器（响应式）
container-fluid [‘fluːɪd] 容器（全屏式）
hidden-xs（extra small） [‘hɪdn] [‘ekstrə]
/hidden-sm（small）
/hidden-md（middle） [‘mɪd(ə)l]
/hidden-lg（large） [lɑːdʒ]
/分别在不同的屏幕尺寸下会隐藏
template [‘templeɪt] 模板
compatible [kəm’pætɪb(ə)l] 兼容的；能共处的；可并立的
carousel [,kærə’sel] 轮播
Superscripted 上标（文本）
Subscripted 下标（文本）
Canvas中的单词
canvas [‘kænvəs] html中的画布标签
getContext [‘kɒntekst] 获取上下文
moveTo（） 移动画笔
lineTo（） 笔画停点
stroke（） [strəʊk] 描边
fill（） 填充
beginPath（） [pɑːθ] 新建图层
closePath（） 闭合路径
lineWidth [‘lainwidθ] 线宽
lineCap [kæp] 线帽
//butt [bʌt] 默认无帽
//square [skweə] 方帽
//round [raʊnd] 圆帽
lineJoin [dʒɒɪn] 拐角
//miter [‘maɪtə] 默认尖角
//bevel [‘bev(ə)l] 倒角
//round 圆角
setLineDash( 数组 ) [dæʃ] 设置虚线参数
lineDashOffset = 值 设置虚线偏移量
strokeStyle 设置描边的颜色
fillStyle 设置填充的颜色
strokeRect（） 绘制描边矩形
fillRect（） 填充矩形
clearRect（） 清除矩形
radian [‘reɪdɪən] 弧度
angle [‘æŋg(ə)l] 角度
strokeText（） 描边的文字
fillText（） 实心的文字
textAlign 水平对齐方式
textBaseline 垂直对齐方式
echarts [tʃɑːts] 图表
PHP中的单词
Hypertext Preprocessor PHP超文本预处理器
[‘haɪpətekst] [,priː’prəʊsesə]
Apache [əˈpætʃɪ] 开源的网页服务器
Domain Name [də(ʊ)’meɪn] 域名
C/S架构 Client/Server [‘klaɪənt] [‘sɜːvə] 客户端/服务器
B/S架构 Browser/Server [‘braʊzə] [‘sɜːvə] 浏览器/服务器
URL（uniform resource locator） 统一资源定位符
[‘juːnɪfɔːm] [rɪ’sɔːs] [ləʊ’keɪtə]
hosts 本地主机文件
echo [‘ekəʊ] l 输出字符串、变量及表达式
l 可以同时输出多个变量及字符串。
不是函数，是语言结构
unset（） 删除变量
var_dump（） [vɑr] [dʌmp] 输出一个或者多个变量的类型，长度及
值。一般用于打印复杂变量（结合pre标记），如数组,对象等。
print_r（） 输出变量的值。一般用于打印变量。
对于字符串类型、整型、浮点型，打印变量本身。
不能打印布尔类型的原始值。对于复杂类型的变量，如数组、对
象，按照一定的格式显示。
explode() [ɪk’spləʊd] 将目标字符串使用分割符分割，返回子字符串组成的数组。
implode() [ɪm’pləʊd] 将数组的元素使用连接字符串拼接成新的字符串
database [‘deɪtəbeɪs] 数据库
charset 字符集
float [fləʊt] 单精度浮点数
decimal [‘desɪm(ə)l] 定点类型
补充：
style 修饰
width 宽度
height 高度
title 想说明的
text-align 水平对齐方式
center 居中 left 居左 right 居右
line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中
background 背景
image 引入背景图片(url)
background-position： 背景定位(x轴，y轴；)
background-repeat 背景平铺
:no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺
background：url() repeat left center #00;
顺序：背景图片 重复 定位 颜色
top/right/bottom/left/center 方向英文：上、右、下、左，中
color 颜色
font 文字
font-family 字体
font-size 字号
font-weight：normal 正常 :bold 加粗
font-style: normal;取消倾斜 :italic;斜体
font:italic bold 24px/24px ‘楷体’;
顺序：是否斜体 是否粗体 字体大小/行高 字体
文本修饰属性：
text-decoration：
overline 顶划线
underline 下划线
line-through 中划线/删除线
none 无/取消下划线
display 转化显示模式 元素转化
block 块
inline 行内
inline-block 行内块
省略号
white-space:nowrap 强制不换行
overflow:hidden 溢出隐藏
text-overflow：ellipsis 省略号
font-family：‘微软雅黑’ 让省略号在下面
必须给宽度
伪类
a:link 设置未访问时候的颜色 点击后变成a的正常颜色
a:visited 设置访问过后颜色
a:hover 当鼠标放上去会变颜色
a:active 鼠标点击变颜色
顺序 lvha 驴哈
auto 自动居中
margin 外边距
padding 内边距
float 浮动 ：left|right|none 左|右|不浮动
cursor:pointer 小手的代码。。
clear：left|right|both 清除浮动
overflow：hidden 溢出隐藏
index 首页
base 里面写清除默认样式的
text-indent：em 首行缩进 （LOGO名字）
以后logo 必须用H1引背景图片 里面写上字
position：relative|absolute|fixed 定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改变标签z轴堆叠顺序
opacity 透明度： 1不透明~0透明
filter：alpha（opacity：0-100）
input{outline:none} 取消焦点