1. 透明度
opacity：作用于当前元素以及元素内的所有内容
rgba：仅作用于当前元素的颜色或背景（子元素不会继承透明）
2. 隐藏
display: none; 隐藏不占位置
visibility: hidden; 隐藏仍占原来位置
2. 权重（css样式优先级）优先级相同则显示后者
内联样式：1，0，0，0
id：0，1，0，0
class/伪类/属性选择器：0，0，1，0
标签/伪元素：0，0，0，1
通配符：0，0，0，0
3. 清除浮动
方法一：为父元素设置height
方法二：添加空标签设置：clear：both
方法三：后伪元素清除
.clearfix:after{
content: '';
display:block;
height:0;
visibility:hidden;
clear:both;
}
.clearfix{
zoom:1;
}
方法四：双伪元素清除
.clearfix:before, .clearfix:after{
content: '';
display: block;
clear:both;
}
.clearfix{
zoom: 1;
}
4. 盒模型
盒模型：内容，内边距，外边距，边框
两种：IE盒模型，标准的W3C盒模型
W3C：content = width
IE：border+padding+content = width（即内容包含border+padding）
web API
1. px、em、rem
px：像素，绝对单位
em：相对单位，会继承父元素
rem：相对单位，相对根元素HTML
2. zepto
zepto是一个比jQuery轻量级的库主要用在移动端，jQuery有对应移动端框架jQuerymobile
3. touch判断手势方向
开始touchstart触发是，获取手指startX和startY坐标
触发touchmove时，获取moveEndX和moveEndY坐标
touchmove最后一次坐标减去touchstart坐标，x正数右滑；x负数左滑；y正数下滑；y负数上滑
ajax
1. ajax：主要用来实现客户端与服务器的异步通信，实现页面局部刷新
2. ajax工作原理
通过XMLHttpRequest对象向服务器发送异步请求，获取数据
XMLHttpRequest是ajax的核心，是一种异步请求的技术。简单说就是JavaScript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新效果。
2. 同步与异步
同步：阻塞的，浏览器向服务器请求数据，服务器比较忙，浏览器就会一直等着，知道 服务器返回数据。
异步：非阻塞，浏览器向服务器请求数据，服务器比较忙，浏览器可以干原来的事情，服务器返回数据时浏览器再将数据渲染到页面，局部更新。
3. http状态码
100→正在初始化 101→正在切换协议
200或以2开头的→响应体已经成功返回 202→接受
301→永久重定向 302→临时重定向 304→本次获取内容是缓存中数据，会每次去服务器校验
400→参数出现错误 401→未认证，没有登录网站 403→禁止访问没有权限 404→访问地址不存在
500→服务器错误 503→服务器超负荷
4. H5+C3
css3新特性：
圆角（border-radius） 阴影（box-shadow）
文字特效（text-shadown） 线性渐变（gradient） 旋转（transform）
transform： rotate（1deg） scale（0.3,0.2） translate（0px，30px） skew（-9deg，0deg）旋转，缩放，定位，倾斜
媒体查询，css选择器
H5新特性：
拖拽释放（drag，drop）API 语义化标签 音频视频 画布（canvas） 地理（geolocation） 本地离线存储 表单控件（calendar，date，time，url，search）
5. localStorage，cookies，
cookies：服务器和客户端都可以访问，大小4KB，有有效期，过期后会删除
localStorage：永久存储，除非手动清除，负责用不过期
sessionStorage：不是一种持久化存储，仅仅是会话级别存储
node
1. ES6新特性
类，模块化，箭头函数，let/const作用域，字符串模板，结构赋值，promise