html5新api（HTML5官网）

本篇文章给大家谈谈html5新api，以及HTML5官网对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、cookie,localStorage和SessionStorage
• 2、HTML5新增了哪些内容或API,使用过哪些
• 3、h5提供了哪些新的api
• 4、hashchange事件
• 5、html5有哪些新特性

cookie,localStorage和SessionStorage

1、cookie 是在HTML4 中使用的给客户端保存数据的，也可以和session 配合实现跟踪浏览器用户身份；而webstorage （包括：localStorage 和sessionStorage ）是在HTML5 提出来的，纯粹为了保存数据，不会与服务器端通信。

2、区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。

3、cookie在与服务器端通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题，而sessionStorage与localStorage仅在客户端（即浏览器）中保存，不参与和服务器的通信。

HTML5新增了哪些内容或API,使用过哪些

Canvas绘图，提升移动平台的绘图能力。使用CanvasAPI可以简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑。丰富的交互方式。提升互动能力：拖拽、撤销历史操作、文本选择等。

Canvas API是一个具有完整功能的JavaScript API并伴随产生了新HTML5元素Canvas。

画布绘制提高了移动平台的绘制能力。canvas API可以用来绘制一个简单的热点地图来收集用户体验数据，并支持对图像的移动、旋转、缩放等常规编辑。丰富的互动方式。提高交互能力：拖动、撤消历史操作、文本选择等。

getUserMedia API 该API允许Web应用程序访问摄像头和麦克风，而无需使用插件，该API在客户端最先支持的，但在pc端仍不可用。

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如： 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。

h5提供了哪些新的api

1、电池API --battery 资源预加载API--link Prefetching Page Visibility 页面可见性API 该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签tap的状态变化。

2、：选择空模板，自由创作、选择主题模板，更快速的创作出炫丽的展示。预览树操作 2：显示的页面的显示顺序；右键调整页面的显示顺序；点击页面右上角的X，可以把不需要的页面删除。

3、除了原先的DOM接口，HTML5增加了更多API，如：（1）、用于即时2D绘图的Canvas标签；（2）、定时媒体回放；（3）、离线数据库存储；（4）、文档编辑；（5）、拖拽控制；（6）、浏览历史管理。

4、history API 是 H5 提供的新特性，允许开发者 直接更改前端路由 ，即更新浏览器 URL 地址而 不重新发起请求 。

hashchange事件

hashchange事件是html5新增的api，用来监听浏览器链接的hash值变化。

不会，JS中能够进行变量作用域提升，把所有变量、函数的声明提升到当前作用域的最前面，但不进行赋值操作；所以可能造成获取的值是undefined。什么是hash，以及hashchange事件？先了解下什么是hash：hash即URL中#字符后面的部分。

监听路由的变化，当路由发生变化时，可以作出动作；可以前进或者后退；可以配置路由；当页面中的 hash 发生变化时，会触发hashchange事件，因此我们可以监听这个事件，来判断路由是否发生了变化。

基本上就是在非原生支持 onhashchange 的浏览器上采用轮询，一旦发现 hash 与上一次查询结果不同就触发。这里用的 interval 是 50 ms，我个人觉得 50-100 ms 都能接受吧。另外在 IE6-8 下需要用 iframe 处理访问历史。

html5有哪些新特性

连接特性（Class： CONNECTIVITY）更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。

audio：音频元素，用于支持和实现音频文件的直接播放，支持缓冲预载和多种音频媒体格式。交互性元素主要用于功能性的内容表达，会有一定的内容和数据的关联，是各种事件的基础。

离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。

关于html5新api和HTML5官网的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。