HTML5

作者: 湖衣 | 来源:发表于2017-09-15 17:53 被阅读0次

    HTML5

    1.语义化网页意义和结构
    2.本地存储特性==》localstorage,比如搜索商品历史记录,会存在localstorage
    APP cache、IndexDB
    3.多媒体:video标签实现视频,audio标签实现播放器
    抛弃flash实现动画的方案,比如腾讯视频,是用video标签然后里面一些src
    4.2D/3D绘图效果:canvas、svg、webGL矢量化的图形
    5.浏览器层面:webRTC == web realtime实时 communication 实时网络通信
    webSockts ==》 sockt.io http协议不同,在服务端和客户端间建立长连接
    Server-Sent

    h5 新增标签:header nav footer article section aside dialog audio video
    h5 input新增属性 color data datatime 。。。

    浏览器本地存储中,cookie和localStorage有什么区别?localStorage如何存储和删除数据。
    Request Headers报文头会和本地内容一起发送到服务端,服务器拿到后进行解析。
    服务端读取cookie来知道发起网络请求的是谁,报文头cookie可以用来标识用户的身份。cookie用来完成登陆注册功能。cookie进行服务端和客户端交互。
    localStorage是本地存储,不会出现在网络请求中。永久存储,除非手动删除。
    localStorage.setItem('a',1);
    localStorage.getItem('a');
    localStorage.remove('a');

    相同点:同源策略

    区别:
    cookie:4K;主要用于http请求;有过期时间,比如登录注册,注销就立刻过期
    localStorage: 5M;主要用于离线存储,比如用户搜索了什么;永久存储

    CSS3

    2D动画:transform:rotate旋转;translate偏移;scale拉伸
    3D动画:transform:rotateX(60deg)

    相关文章

      网友评论

          本文标题:HTML5

          本文链接:https://www.haomeiwen.com/subject/sqnssxtx.html