H5新功能

最新推荐文章于 2024-05-10 18:00:00 发布

qq_37672347

最新推荐文章于 2024-05-10 18:00:00 发布

阅读量261

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/qq_37672347/article/details/100169578

版权

H5 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、HTML5 中的本地存储

很多时候我们会存储用户本地信息到电脑上，例如：比方说用户有一个填充了一半的长
表格，然后突然网络连接断开了，这样用户希望你能存储这些信息到本地，当网络恢复的时
候，他想获取这些信息然后发送到服务器进行存储。
现代浏览器拥有的存储被叫做“Local Storage”，用于存储这些信息。

2、HTML5 中 Canvas 的作用

Canvas 是 HTML5 出现的新标签，拥有自己的属性、方法和事件，其中就有绘图的方
法，JavaScript 能够调用它在网页上完成绘图。
Canvas 也是 HTML5 中最强大的特性之一，允许开发者使用动态和交互式可视化方法
在 Web 上实现桌面应用程序的功能。

3、HTML5 有哪些不同类型的存储

HTML5 支持本地存储，在之前的版本中是通过 Cookie 实现的。HTML5 本地存储速
度快而安全。
有两种不同的对象可用来存储数据：
 localStorage：适用于长期存储数据，浏览器关闭后数据不丢失；
 sessionStorage：存储的数据在浏览器关闭后自动删除。

4、除了音频和视频，HTML5 还支持其他新的媒体元素

HTML5 对媒体支持很强，除了 audio 和 video 外，还提供：
 <embed>：作为外部应用的容器；
 <track>：定义媒体的文本跟踪；
 <source>：多种媒体源的支持。

5、HTML5 应用缓存

常用于实现用户的离线浏览。如果网络连接不可用，页面应该来自浏览器缓存，离线应
用缓存可以帮助你达到这个目的。
应用缓存可以帮助你指定哪些文件需要缓存，哪些不需要。

6、什么是 Web Worker？为什么我们需要他们？

查看如下代码（模拟会执行上百万次的繁重代码）：

function test(){
    for(i=0;i< 10000000000 ; i ++){
       x = x + i;
    }
}

如果上述代码在 HTML 按钮点击以后执行，这种执行是同步的，即，浏览器必须等到此执行完毕之后才能进行其他操作。因为此操作耗时较长，那么这个操作会导致浏览器冻结并且没有响应，而且屏幕还会出现异常信息。
如果可以将这些繁重的代码移动到 Javascript 文件中，并采用异步的方式运行，就可以解决这个问题。这就是 web worker 的作用。Web Worker 用于异步执行 JavaScript 文件，提高浏览器的敏捷度。

7、HTML5 应用程序缓存和浏览器缓存有什么区别

应用程序缓存是 HTML5 的重要特性之一，提供了离线使用功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 Javascript。这个特性可以提高网站性能，它的实现借助于 manifest 文件，代码如下：

<!doctype html>
<html manifest="example.appcache">
....

3
</html>

8、

9、

10、

qq_37672347

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5新功能

1、HTML5 中的本地存储很多时候我们会存储用户本地信息到电脑上，例如：比方说用户有一个填充了一半的长表格，然后突然网络连接断开了，这样用户希望你能存储这些信息到本地，当网络恢复的时候，他想获取这些信息然后发送到服务器进行存储。现代浏览器拥有的存储被叫做“Local Storage”，用于存储这些信息。2、HTML5 中 Canvas 的作用Canvas 是 HTML5 出现的...
复制链接

扫一扫