让JavaScript拯救HTML5的离线存储

让JavaScript拯救HTML5的离线存储的相关文章

• 
  突袭HTML5之Javascript API扩展3—本地存储全新体验

  标签：Web开发

  为什么要存数据到客户端？ 存储数据在客户端可以解决很多的问题和减少不必要的传输数据： 1. 能保存程序的状态：用户关闭浏览器再打开后能知道他工作到哪了。 2. 能缓存数据：很多不会变化的数据根本没必要每次都从服务端获取。 3. 能保存用户的喜好：这种数据通常不需要存在服务端。 以前的做法 在HTML5本地存储之前，如果我们想在客户端保存持久化数据，有这么几个选择： 1. HTTP cookie。HTTP c...[ 查看全文 ]

  倾尽灵魂独舞龙

  51
• 
  HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题

  标签：Web开发

  简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。 使用缓存接口可为您的应用带来以下三个优势 ： 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源，因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服...[ 查看全文 ]

  天空_1991

  211
• 
  让IE支持HTML5的方法

  标签：Web开发

  越来越多的站点开始使用 HTML5 标签，但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问，解决方案有下面两个： 1.为网站创建多套模板，通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面，例如：优酷网。 2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。 针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别，...[ 查看全文 ]

  wcl131057

  61
• 
  10个让人眼花缭乱的HTML5和JavaScript效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies   动态变换颜色和直径，可通过键盘或者鼠标产生新的形状，这个效果很炫很炫！ FlowerPowe...[ 查看全文 ]

  嘿哟淇

  131
• 
  html5 标签

  标签：Web开发

  W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML...[ 查看全文 ]

  陽哥潇洒

  41
• 
  HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览

  标签：Web开发

  打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。 有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。 在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。 ...[ 查看全文 ]

  封神震魔嗜佛

  321
• 
  Android的webview支持HTML5的离线应用功能详细配置

  标签：编程语言 网络编程

  HTML5的离线应用功能可以使得WebApp即使在网络断开的情况下仍能正常使用，这是个非常有用的功能。近来工作中也要用到HTML5离线应用功能，由于是在Android平台上做，所以自然而然的选择Webview来解析网页。但如何使Webivew支持HTML5离线应用功能呢，经过反复摸索和上网查找资料，反复做试验终于成功了。 首先需配置webview的的一些属性，假设activity中已经有了一个Webview的实例对象，名为m_webview，然后增...[ 查看全文 ]

  financist

  441
• 
  HTML5本地存储之Database Storage应用介绍

  标签：Web开发

  在上一篇《HTML5本地存储之Web Storage篇》中，简单介绍了如何利用localStorage实现本地存储；实际上，除了sessionStorage和localStorage外，HTML5还支持通过本地数据库进行本地数据存储，HTML5采用的是"SQLLite"这种文件型数据库，该数据库多集中在嵌入式设备上，熟悉IOS/Android开发的同学，应该对SQLLite数据库比较熟悉。 HTML5中的数据库操作比较简单，主要有如下两个函数： 1、通过openData...[ 查看全文 ]

  沐莯mu

  181
• 
  html5拖曳操作 HTML5实现网页元素的拖放操作

  标签：Web开发

  HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖放API的使用方法。 场景： 如下图所示，我们要实现： 通过拖放将照片从...[ 查看全文 ]

  咱_只有那么穷

  621
• 
  HTML5本地存储之Web Storage应用介绍

  标签：Web开发

  Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种 ： sessionStorage localStorage 从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地； 不管是se...[ 查看全文 ]

  过时的老者

  141
• 
  HTML5标签小集

  标签：Web开发

  HTML标签； meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd del details dfn div dl dt em embed fields...[ 查看全文 ]

  曦囍熙熹

  31
• 
  HTML5的标签的代码的简单介绍 HTML5标签的简介

  标签：Web开发

  HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了，这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01，XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要，就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进HTML的想法由WHATWG始于2004年且现在还在继续，虽然一些改进的部...[ 查看全文 ]

  祢是我年少的梦

  121
• 
  HTML5 Canvas概述

  标签：Web开发

  canvas是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些canvas的应用示例，我们将会在此教程中看到他们的实现。 canvas最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素canvas是WhatWG Web app...[ 查看全文 ]

  武安摆渡

  21
• 
  值得收藏的HTML5资源(学习html5的朋友可以收藏下)

  标签：Web开发

  本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。 1. WTF is HTML5 这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。 2. Dive Into HTML 5 Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 HTML5 的书，侧重 HTML5 的编程方...[ 查看全文 ]

  qq871493254

  101
• 
  html5指南-6.如何创建离线web应用程序实现离线访问

  标签：Web开发

  今天我们的内容是关于如何创建离线web应用，他的好处是可以让浏览器下载我们指定的web资源，这样用户在离线状态下也能正常使用我们的站点。 1.定义Manifest 我们使用manifest列举出需要离线时访问的资源，他本身是一个文本类型的文件，第一行经常是CACHE MANIFEST，然后列举我们需要的资源，每行一个。文件没有固定的命名规则，后缀名也没有要求，唯一的要求就是需要把后缀名在服务器端以text/cache-mani...[ 查看全文 ]

  zyz真爱你

  91
• 
  HTML5中如何显示视频呢 HTML5视频播放demo

  标签：Web开发

  今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 那么在...[ 查看全文 ]

  爷们儿是朵錵

  41
• 
  HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用

  标签：Web开发

  使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。 sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。 ...[ 查看全文 ]

  44079448

  491
• 
  html5指南-5.使用web storage存储键值对的数据

  标签：Web开发

  本节课的内容是介绍web storage，使用它在浏览器里存储键值对的数据，功能上像以前的cookie一样，不过他更好，存储的数据可以更大。有两种类型的web storage：local storage和session storage，他们使用相同的实现机制，只是可见性和生命周期不同。 1.使用local storage 我们使用localStorage对象来访问local storage，他返回Storage对象，Storage用来存储键值对的数据，他有下面一些属性和方法： clear(...[ 查看全文 ]

  兴源com123

  51
• 
  HTML5 canvas 基本语法

  标签：Web开发

  HTML 5 canvas 基本语法简述 5 规范引进了很多新特性，其中最令人期待的之一就是 元素。HTML 5 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个 元素都有一个"上下文( context )" (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个 canvas 上下文，并通过不同的 提供图形绘制功能。 5 规范引进了很多新特性，其中最令人期待的之一就是 元素。 5 提供了...[ 查看全文 ]

  俨小胖

  31
• 
  HTML5 预加载让页面得以快速呈现

  标签：Web开发

  浏览器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有很多广为人知的加速解决方案：CSS sprites(CSS精灵,拼图)以及图像优化,分布式配置文件(.htaccess),JS/文本文件压缩，CDN加速等。 我在另一篇博文中介绍了 如何让网站更快。 FireFox推介一种新的网站加速策略： 链接预加载。什么是链接预加载？MDN描述如下: 预加载是一种浏览器机制，使用浏览器空闲时间来预先下载/加载用户接下来很可能...[ 查看全文 ]

  干了这碗小姨妈

  521