H5:
1、语义化标签:header、footer、nav、section、article、aside
2、表单输入类型:email、tel、url、number
3、表单属性: autocomplete、placeholder、form
4、视频音频:audio、video
5、拖拽属性:draggable
6、类名操作:classlist
7、web储存:
cookie的大小不超过4kb,且每次请求都会发送回服务器,在设置的过期时间前有效,即使关闭浏览器
h5提供:
localStorage:在2.5~10kb之间,数据始终有效,跨浏览器无效?,且不提供搜索功能,不能建立自定义的索引,------->诞生了indexDB:浏览器提供的本地数据库,至少250kb,甚至没有上限
localStorage.setItem(key,value)
locatStorage.getItem(key)
localStorage.removeItem(key)
sessionStorage:基于会话,关闭浏览器之后数据消失,5M大小,跨浏览器无效
C3:
1、选择器:nth-child()、nth-of-type()、:checked、:disabled
2、盒模型:
3、背景:background-image、background-size、background-origin
4、渐变:linear-gradient、radial-gradient
5、边框:border-radius、border-image
6、阴影:box-shadow、text-shadow
7、2D/3D转换:transform:translate rotate scale
8、过渡:transition
9、动画:keyframes、animation
10:弹性盒子:flex
11:媒体查询:@media