HTML5——web存储 Web SQL 数据库 应用程序缓存 Web Workers 服务器发送事件 WebSocket

web存储

比cookie更好的本地存储方式

  • localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
  • sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据

使用前,先检查浏览器是否支持

网站列表程序

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

 Web SQL 数据库

引入了一组使用 SQL 操作客户端数据库的 APIs

  1. openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象
  2. transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
  3. executeSql:这个方法用于执行实际的 SQL 查询

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

 应用程序缓存

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

Web Workers

运行在后台的 JavaScript,不会影响页面的性能

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

服务器发送事件

允许网页获得来自服务器的更新

单向消息传递

接收 Server-Sent 事件通知

检测SS事件的支持

服务器端代码

WebSocket

一种在单个 TCP 连接上进行全双工通讯的协议

 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输

浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据

当你获取 Web Socket 连接后,你可以通过 send() 方法来向服务器发送数据,并通过 onmessage 事件来接收服务器返回的数据。

HTML5——web存储  Web SQL 数据库    应用程序缓存   Web Workers    服务器发送事件   WebSocket

上一篇:Web存储(Web Storage)介绍


下一篇:微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)