H5,css,Js易忘点

H5新增属性

全局属性

contentEditable ------ 是否可编辑---- 布尔类型
hidden
spellcheck ------ input标签检查是否有错（单词）

元素

article ------ 对内容分块，如果要写样式 用div，也可以是一个插件
section ------ 对内容分段，如果要写样式 用div，里面一般有标题
nav
aside ------ 页面或文章的附属信息，或与内容无关侧边栏，广告等
time ------ 时间
pubdate ------ time属性，发布时间

非主体元素

header ------ 页面/区域块的标题
footer
hgroup ------ 标题组
address ------ 联系信息，作者的个人信息

表单新增元素与属性

form
formaction ------ input属性，可提交到不同地方
formmethod ------ input属性，提交方式，get/post
formenctype ------ input属性，对表单数据编码
gormtarget ------ input属性，_blank/_self/_parent/_top/framename
autofocus ------ input属性，打开页面获得光标
required ------ input属性，提交时如果内容为空，不允许提交，并显示提示文字
labels ------ 验证提示，js
control ------ 标签属性，js
placeholder ------ 文本框属性，文本框提示
list ------ 文本框属性，类似下拉列表，但可以自由输入内容。（datalist）
AutoComplete ------ 文本框属性，on/off，与list一起用
pattern ------ 文本框属性，提交前检查，正则

---

CSS

文本

direction ------ 文本方向
letter-apacing ------ 字符间距
text-decoration ------ 向文本添加修饰（下划线，上划线，删除线等）
text-indent ------ 缩进
text-transform ------ 元素中的字母大小写
unicode-bidi ------ 设置文本方向
white-space ------ 因素中空白的处理
word-spacing ------ 字间距
text-shadow ------ 阴影
text-wrap ------ 规定换行规则

轮廓

outline ------ 边框

多列

column-count ------ 可用于报纸那种布局或瀑布流

---

JS

字符串

match() ------ 内容匹配
replace() ------ 内容替换
toUpperCase() / toLowerCase() ------ 大小写转换
trim() ------ 空格验证

数组

concat() ------ 数组合并
sort() ------ 排序
reverse() ------ 数组元素翻转

history

window.history ------ 包含浏览器的历史url的集合
history.back() ------ 与在浏览器中点击按钮后退相同
history.forward() ------ 与在浏览器中点击按钮向前相同
history.go() ------ 进入历史中的某个页面

location

location.assign() ------ 加载新的文档

优化

动画中，translate比修改padding/margin等性能高