H5C3新特性

H5C3新特性

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

 

posted on 2018-10-29 14:35 zidian 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/zidian/p/9870509.html