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ə] 让鼠标变成小手
opacity [ə(ʊ)'pæsɪtɪ] 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）
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 外边距
margin-top 上外边距
margin-right 右外边距
margin-bottom 下外边距
margin-left 左外边距
padding 内边距
padding-top 上内边距
padding-right 右内边距
padding-bottom 下外边距
padding-left 左外边距
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.9 0.8.。。。。） 0透明
filter：alpha（opacity：0-100）
input{outline:none} 取消焦点
<form action="链接" method="">
post 相对安全 get 不安全
input 表单 单标签
type="text" 账号/文本
type="password" 密码
type="submit" 提交
type="button" 只是一个点击按钮
type="radio" 单选框 label双标签 选项内容
type="checkbox" 复选框 label双标签 选项内容
value="提示 如 请输入密码"
placeholder="也是提示"
select
option 选项栏
textarea 下拉框
resize：none 禁止任意拖放
name="user" 账号
name="password" 密码
table{ border-collapse:collapse;} 让border合并
tr加
colspan="3" 横向合并
rowspan="3" 纵向合并
align 左右对齐方式 middle（左）left center right
valign 上下对齐方式 top center bottom
cellspacing="0" 清除外面的边距
cellpadding="0" 清楚里面的边距
<table cellspacing="0" cellpadding="0">
<thead><tr><th>表头</th></tr></thead>
<tbody><tr><td>表身</td></tr></tbody>
<tfoot><tr><td>表低</td></tr></tfoot>
</table>
frameborder="0" 取消边框
screlling="no" 取消滚动条
iframe src
<frameset>
<frame />
</frameset>
letter-spacing：具体数值 字母间距
word-spacing：数值 单词间距
overflow：auto 溢出滚动
visibility：hidden 隐藏
charset 字符集
utf-8 国际编码
gb2312/gbk 中国编码
author 作者
copyright 版权
keywords 关键词
description 介绍
js
@media screen and (max-width:900px){}; 屏幕自适应
媒体 屏幕 最大
push :添加一个数组元素
document ：文档
pop ：删除最后一个数组元素
console ：控制台
shift ：删除第一个数组元素
string ：字符串
Concat 组合数组
undefined ：未定义
typeof ：关键字
join：数组转化为指定分隔符
slice：返回指定数组
length：数组长度
Array：数组
number：数字
boolean：布尔
alert：提示框
parseInt：转化为整型数值
continue：继续
is NaN：非数字
sort：升序
break：截断 跳出
reverse：倒序
object：对象类型
parseFloat：转化为浮点值
index：索引
floor：向下取整
variable：变量
ceil：向上取整
round:四舍五入
abs：返回绝对值
eval：解析字符串并运算
max：比较最大值
return：返回
min：比较最小值
addEventListener：事件名 函数
to.fixed：保留小数点
attachEvant：（on）事件名
random：随机数
eletment：元素
eventName：事件名
function：函数
removeEventListener：事件解除
detachEvent：删除已注册事件
open（）：弹出一个新窗口
function：函数（方法）
showModalDialog：弹出一个模式窗口
close（）：关闭当前窗口
Date：日期对象
getFullYear（）：年份
getMonth（）：月份（0--11）
getDate（）：几号
getDay（）：星期几（周一至周六）
getHours（）：小时（0--23）
getMinites（）：分钟
getSeconds（）：秒数（0--59）
getMilliseconds（）：毫秒数
getTime（）：从1970至今的毫秒数
Date.now（）：从1970至今的毫秒值
tolocaleDatestring（）：输出本地化的日期
setTimeout：延迟时间
tolocaleTimestring（）：输出本地化得时间
clearTimeout：定时器对象
tolocalestring：输出本地化的日期和时间
setInterval：间隔时间
clearInterval：停止
window.status：浏览器状态栏信息
window.screen：屏幕信息
screen.width：屏幕宽度
screen.height：屏幕高度
screen.availwidth：去掉任务栏宽度
screen.avaiheight：去掉任务栏高度
history：浏览历史记录
location：地址栏对象
navigator：用于获取用户浏览器信息
appCodeName：浏览器代码名的字符串表示
appName：返回浏览器的名称
appVersion：返回浏览器的平台和版本信息
platform：返回运行浏览器的操作系统平台
userAgent：返回由客户机发送服务器的
user-agent：头部的值
Exception：异常 意外情况（try---catch）
获取元素对象方式:
getElementByld：
getElementsByName：
gatElementsByTagName：
getElementByClassName：
onlick 当点击的时候
onmouseover 鼠标移入
onmouseout 鼠标移出
onblur：失去焦点事件
onkeydown：键盘按下事件（前）
onkeypress：键盘按下事件（后）
onload：当页面加载完成之后触发
onchange;内容改变事件
onkeydown;键盘按下事件（前）
onkeyup;键盘松开事件
onkeypress;键盘按下事件（后）
onmouseout：鼠标移出事件
onmouseover：鼠标移入事件
onselect：内容被选中事件
ondblclick：鼠标双击事件
onfocus：获得焦点事件
onkeyup：键盘松开事件
复选框操作 checked=" "
checked 默认选中
false 不选中
true 选中
typeof 查看数据类型
object 对象
number 数字
string 字符串
function 函数
boolean 布尔值 true false
undefined 未定义
parseInt 整数
parseFloat 浮点数/小数
Number 数字
hide 隐藏
show 显示
skin 皮肤
code 代码
even 事件
array 数组
integer 整数
veruant 变量
common 公用
switch
case 情况
break 中断整个循环
continue 跳出本次循环
default 不履行/所有情况都不满足的时候走这个
null 没有/空对象
computed 计算后/生效的
eval（JS可以读懂的代码：如‘1+1’->字符串） 这个代码会把（）里面的字符串换成计算机读懂的代码来计算 + - * % 都行 （计算用的）
return 返回
write 输入
find 查找
interval 间隔
setInterval（函数名，1000/） 间隔定时器
clearInterval 清除间隔定时器
Timeout 超时
setTimeout 延迟定时器
clearTimeout 清除延迟定时器
obj.disabled 让按钮/变成不可使用
true 不可用
false 可用
date 时间
get 获取
set 设置
Fullyear 满年
month 月 （从0月开始）
day 日 获取需要 date
week 星期 获取需要day （从0到6）
hours 小时
minutes 分钟
seconds 秒
single 一个/一倍
dubble 两个/两倍
triple 三个/三倍
arguments 函数传参-实参的集合
arguments.length 函数传参-实参的长度
arr.push（） 向数组最后添加一项
arr.unshift() 向数组前面添加一项
arr.pop（）删除数组最后一位.
arr.shift（） 删除数组第一位
arr.splice(开始的位置，删除的个数，添加的东西1。。。)
arr.join('') 变字符串 是中间的隔开东西 如- ，空格 等等。。。
arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组
arr.reverse() 反转/颠倒数组
arr.sort() 数组排序 按照字符串比大小的方法来排序
arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项
str.charAt() 字符串里面的下标
str.indexOf(‘’) 下字符串对应的下标数（相同的就取第一个）
str.lastIndexOf（‘’）下字符串对应的下标数（相同的就取最后一个）
str.substring (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后） 截取子串
str.toUpperCase() 大写字母
str.toLowerCase() 小写字母
str.split(切割的方式 '-' '' '空格'等) 切割变成数组
str.charCodeAt('a') 输入字符查找对应的编码
String.fromCharCode(编码) 输入编码查找对应的字符
json.name=value; 添加
delete json.name 删除
token 括号
try catch(e) 异常
math.random() 求随机数
parseInt（math.random()（m-n）+n） 求n-m之间随机的整数， 前包括后不包括
math.abs() 求绝对值
math.max(，，，) 求最大值
math.min(，，，) 求最小值
math.pow(n,m) 求n的m次方
math.sqrt(a) 开方
math.PI π
math.ceil(12.3) 向上取整 13
math.floor(12.3) 向下取整 12
math.round(a) 四舍五入
!important Css样式值后面加这个 权重最大
navigator.userAgent UA 例子判断浏览器的类型
navigator.language 语言
navigator.platform 操作系统
Sibling 兄弟
next 下一个
previous 上一个
获取元素/节点：
(父级) obj.children 找：儿子/子级 子节点
(子级) obj.parentNode 找：父亲/父级 父节点
(同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点
(父级) obj.firstElementChild ||obj.firstChild 首节点
(父级) obj.lastElementChild || obj.lastChild 尾节点
创建元素：
document.createElement_x('标签名') 创建元素
添加插入
(父级) obj.appendChild(谁) 往元素里面最后添加一个
带剪切效果
(父级) obj.insertBefore(把谁，加在谁的前面) 往元素里面添加一个
带剪切效果
删除元素：
(父级) obj.removeChild(子级) 删除子级
window.open() 打开
window.close() 关闭
a标签：target=""
不填 默认新页面打开
_blank 新页面打开
_self 本页面打开
window.location 地址栏信息
window.location.href 链接信息
window.location.search 数据信息
window.location.hash 锚点信息
*了解就行 面试背住
window.location.procotol 协议信息
window.location.hostname 域名信息
window.location.port 端口号信息
window.location.pathname 路径信息
back 返回
forward 向前
history 历史
window.history.back 返回历史记录 退
window.history.forward 返回历史记录 前
alert（） 弹
confirm 询问提示框
prompt 问答提示框
console.log（） 在F12中显示;
document.write（*） 在页面中输入
scroll 滚动 有兼容问题
client 客户端/可视区
offsetHeight/Width 物体盒子模型的宽高
offsetTop/Bottom/方向 物体距上/下/左/右的距离
offsetparent 定位父级
window.onScroll 当滚动的时候 滚动事件
window.onresize 当缩放的时候 缩放事件
onfocus 当获取焦点的时候
onblur 当失去焦点的时候
obj.getAttribute('属性名') 获取属性名对应的属性值
obj.setAttribute('属性名','属性值') 设置属性
obj.removeAttribute('属性名') 删除属性
event 事件
onmousemove 鼠标移动事件
onload 当图片加载完成时
onerror 当图片加载失败时
cancelBubble 取消冒泡
onkeydown 当按键按下的时候
onkeyup 当按键抬起的时候
oEvent.keycode 键盘编码
oncontextmenu 当按右键的时候
return false 阻止浏览器右键菜单
cache 缓存
onmousedown 鼠标按下时
onmouseup 鼠标抬起时
onmousemove 鼠标移动事件
obj.setCapture() 开始捕获
obj.releaseCapture() 取消捕获
obj.cloneNode() 克隆复制一个节点
document/obj.addEventListener（'不加on的事件名',函数名,false） 添加事件绑定 兼容高级
document/obj.attachEvent（'加on的事件名',函数名） 添加事件绑定 兼容IE系列
document/obj.removeEventListener（'不加on的事件名',函数名,false） 解除事件绑定
document/obj.detachEvent（'加on的事件名',函数名） 解除事件绑定
onmouseenter 鼠标移入
onmouseleave 鼠标移出
onmousewheel 鼠标滚轮事件
DOMMouseScroll 鼠标滚动事件
oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字
oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字
return false 阻止浏览器默认事件 但是在事件绑定中失效
oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件（如果单独用只兼容高级浏览器）
oninput 当输入的时候 iE9- 没有此方法
onpropertychange 当属性改变的时候 IE系列
oEvent.srcElement 事件源 非火狐
oEvent.target 事件源 高级浏览器
duration 期间
start 开始
count 次数
complete 完成
var bFlag=false/ture 开关 自定义
easing 速度类型：
linear 匀速
ease-in 加速
ease-out 减速
window.onload 页面加载完毕后执行（代码、资源）
DOMReady 页面加载完毕后执行（代码）
DOMContentLoaded DOM加载事件
obj.onreadystatechange 监控事件（模拟DOM加载事件）
readyState 加载状态
document/obj.readyState 加载状态
ondbclick 鼠标双击
queryselector 新的获取元素方法
window.location.reload 重新加载
cookie
expires 期限
session 一个会话（浏览器打开和关闭）
path 路径
define 定义
require 引用其他模块
exports 导出模块
module 批量导出模块，
data-main 主要数据/初始化接口
success 成功
error 失败
Request 请求
ActiveX 浏览器插件
XMLHttpRequest（） ajax 创建/ 不兼容ie6-
ActiveXObject（'Microsoft.XMLHTTP'） 创建/(插件) ie系列
oAjax.open()打开
oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
oAjax.send() 发送
onreadystatechange 接收/当通信状态变化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加载状态
oAjax.status 是否成功
response 回答/响应
oAjax.responseText 返回结果
JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号
JSON.stringify() json打印出来的方法
encode 编码
decode 解码
Component 组件/元件
encodeURIComponent('中文') 中文转化成编码
decodeURIComponent('编码') 编码转化成中文
str.replace 替换
new RegExp() 正则表达式
str.search() 跟indexOf一样 在正则用
str.match 匹配
正则.test（你要校验的str） true 正确满足 false 不满足 用这个的时候一定配合行首和行尾
转译
\d 数字 [0-9]
\w 数字、英文、下划线 [0-9a-z]
\s 空白字符 所有的空白字符
. 代表任意字符
\D 非数字 [^0-9]
\W 非数字、英文、下划线 [^0-9a-z]
\S 非空白字符
\u4e00-\u9fa5 中文
量词
{n} n个
{n,m} n-m个
{n,} 最少n个，最多随便
{0，m} 最少随便 最多m个
{1，} 就是 若干个
{0，} 任意个 可以没有
？ {0,1} 最少没有 最多1个
\ 转译特殊字符
| 或的意思
i 忽略大小写
g 全局匹配
m 多行模式
^ 行首 如果在方括号里面是除了
$ 行尾
*jq
hide 隐藏
show 显示
toggle 点击
hover 移入
fadeIn 淡入
fadeOut 淡出
animate 运动函数（move）
slideDown 滑动从上往下出来
slideUp 滑动从下往上隐藏
eq(下标) 标签获取的下标
li>a li下面的第一级a
伪类选择器:
li:last li最后一个
li:first li第一个
li:eq(2) 第三个li
obj：even 偶数
obj：odd 奇数
obj：has("p/标签名") 里面包含‘p’这个标签的就会选取
obj：contains("p/内容") 内容有得‘p’ 就都会选取
event/自己起行参名字.pageX X轴坐标
event/自己起行参名字.pageY Y轴坐标
offset().top 物体绝对的位置 ->getPos()函数
offset().left 物体绝对的位置
position().top 物体距定位父级距离 ->offsetTop
position().left 物体距定位父级距离
document.scrollTop 和原生一样
document.scrollLeft 和原生一样
.width/.height 物体本身的宽高
innerHeight/Width 物体内部的宽高 包括padding 不包括边框
outerHeight/Width 物体盒子模型宽高
父级.append(子级) 在父级内的后部追加
父级.prepend(子级) 在父级内的前面追加
子级.appendTo(父级) 在父级后部追加
子级.prependTo(父级) 在父级前部追加
obj1.after(obj2) 把2放在1的后面
obj1.before(obj2) 把2放在1的前面
bind() 事件绑定
unbind() 事件解绑
live() 事件委托
die() 解除事件委托
**以上四种不推荐 因为原理还是昂 所以推荐on
obj.on（） 可以事件绑定/委托
each 循环
$.trim() 去除首尾空格
extend() 延伸
height() 就是宽度
innerHeight 包括padding、不包括边框
outerHeight 盒子模型的
offset().left -> getPos()
position().left -> offsetLeft()
scrollTop() -> scrollTop
eve.pageX/Y 坐标
maxlength 表单元素最大长度 属性
$.fn.函数名=function(){} 建立jq封装函数
$.fn.extend({函数名1:function(){},函数名2:function(){},...})
汉字：[0x4e00,0x9fa5]（或十进制[19968,40869]）
数字：[0x30,0x39]（或十进制[48, 57]）
小写字母：[0x61,0x7a]（或十进制[97, 122]）
大写字母：[0x41,0x5a]（或十进制[65, 90]）
parent() 父级
offsetParent() 定位父级
parents() 所有父级 括号里面可以筛选 比如放class名字或...
str/arr.slice（开始位置，结束位置） 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包
prototype 原型
form表单中 submit 提交 reset 重置
xxx instanceOf xxx 检测一个对象属于某个类
xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx
fn.call(this的指向，参数一，参数二，....) 改变this的指向 fn中的this=
fn.apply(this的指向，[参数一，参数二，....]) 改变this的指向 fn中的this=
init 开始
localStorage 本地存储
一般的规范
localStorage.name=value 存
localStorage.name 取
delete localStorage.name 删除一条
localStorage.clear() 删除全部
规范的存取
localStorage.setItem(name,value)
localStorage.getItem(name)
localStorage.removeItem(name)
sessionStorage 临时存储 和localStorage一样用法
include() 包含
template.defaults.openTag=''; 自定义模板开始样子
template.defaults.closeTag=''; 自定义模板结束样子
template.config('openTag','')
template.config('closeTag','')
template.config('escape',true/false) true不默认转译 false默认转译
m model 模型
v view 视图
c controller 控制器
scope 范围 作用域
then 然后
model模型
bind绑定
ng-app=""; 引用其他模块
ng-model="" 数据从哪来
ng-bind="" 或 model 或 {{xxx}} 数据到哪去
ng-init 初始化
ng-repeat 循环
angular.module('名字',[依赖模块).controller('名字',function(依赖项){})
$scope
$http
$interval
$timeout
` 反单引号 包住字符串 拼接是这样 ${}
|currency:"" 货币
date:"" 时间戳转化处理
route 路由/状态
filter 过滤器
directive 指令
restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'
service 依赖
oDate.toString() 获取正常时间
creator.ionic.io 做手机端的框架网站不错
ng-show true false 显示 隐藏
ng-hide true false 隐藏 显示
ng-clack
comment 注释
bundle 打包
transclude 嵌入
params 参数
provider 提供者
.config() 配置
scope.scope.watch(数据，fn)
template 模板
templateUrl:'模板地址' 模板
$ bower install * 下载东西用的
ReactDOM.render(什么东西，渲染到哪)
type='text/babel'
state 状态
extends 延伸 继承
constructor 创建
super 超类/父类
component 组件
this.props.属性
组件中 ref和正常的ID类似
vue
el：'id'
data:{}
$index
capitalize 首字母大写
uppercase 变大写字母
lowercase 变小写字母
ev.stoppropagation() 阻止冒泡
ev.preventDefault() 阻止默认事件 angular
angular.bind(this的指向，要改变指向的函数名，参数)
bootstrap 开启应用模式
copy(复制谁,复制到哪里) 复制/克隆
equals(a,b) 比较
forEach 循环
fromJson 字符串json转化成json
extend（obj，obj1，obj2。。。） 扩展
标签里面属性 transition="名字" 过渡 动画
.名字-
transition 过渡
transition：时间 让谁变/all ease;
enter 进来
leave 出去
route 路由/状态
watch 监控
props 存东西 可在替换模板身上用
Router-view 状态视图
v-link="{path:名字
animation:8s test/名字 linear infinite/数值/次数;
background-size 背景尺寸
contain 以最合适的状态展示 可能会留白
cover 尽可能填满
nth-child(下标 注意：从1开始) 注意:项目不用这个。禁用
nth-of-type(下标 注意：从1开始) 注意:项目不用这个。禁用
background-origin： 背景从哪里开始
background-clip： 背景从哪里开切
568
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
