离线缓存为HTML5开发移动应用提供了基础

2019-09-10 郑州网站建设  

HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据,以减少网络流量。同时,这个功能算得上是另一个方向的后台“操作记录”,而不占用任何后台资源,减轻设备硬件压力,增加运行流畅性。在线app支持边使用边download离线缓存,或者不download离线缓存;而离线app必须是download完离线缓存才能使用。

css选择器:

1)标记选择器(简单选择器)

2class选择器

.s1{

属性名:属性

}

还有一种有名字的class选择器,如下:

div.s1{

font-size;120px;

}

3id选择器

#d1{

font-size:italic;

font-weight:900;

}

除此之外,写第一个HTML5 App

启动Eclipse,然后在菜单“File”下选择“New > Android Project”。

在项目根目录下,创建两个新目录:

/libs

/assets/www

复制phonegap.js(从PhoneGap解压缩后的Android目录中,将解压缩后的带版本号的js文件名修改为phonegap.js)到/assets/www

复制phonegap.jar(从PhoneGap解压缩后的Android目录中,将解压缩后的带版本号的jar文件名修改为phonegap.jar)到/libs

复制xml整个目录(从PhoneGap解压缩后的Android目录中,包括一个plugins.xml)到/res。【v1.0 rc2以上】

Eclipsesrc文件夹中的主要Java文件进行少量调整。

class的继承由Activity改为DroidGap

setContentView()替换为super.loadUrl(file:///android_asset/www/index.html);

添加import com.phonegap.*;

移除import android.app.Activity;

在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下,右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定,你需要点击F5刷新一次项目。

最后介绍一些关于HTML5

简单的操作的一些技巧

重要标记

1)链接


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1696.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • WEB
  • api
  • 可以
  • Storage
  • 看做