首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5移动应用开发

1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据...2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘: 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和....丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道,HTML5...4.HTML5使用上的优势 更低的开发及维护成本; 使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低; 方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存...设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

2.7K80

AppCan——HTMl5移动开发应用平台

AppCan是HTMl5移动开发应用平台,支持跨平台,可以简单、快速、高效开发移动应用。 倡导Hybrid App开发。 为HTML5开发提供底层Native交互能力。...本地打包 支持将web应用直接打成APK(android)安装包。 真机同步 将应用生成“AppCan调试中心”模式的安装包,使用手机安装,确保手机和pc在同一个网络内。...手机上安装成功后,打开app,输入pc的IP,登录成功后,可以看到应用的List,打开调试的应用,可以pc上IDE的控制台上看到请求。...API文档可以参考[这里], 覆盖了移动开发应用中的常用场景。(http://newdocx.appcan.cn/index.html?templateId=315)。...JS SDK AppCan将常用的UI和功能性模块封装成了一个开发库,开发者只需要引入appcan.min.js即可,另外把对backbone, zepto, underscore的依赖也打包在基础库中了

4.3K60
您找到你想要的搜索结果了吗?
是的
没有找到

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/core/beginners/examples...结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分: // init data...当然真实的系统不会像上述代码这样写死内容,一般用户通过后台数据查询,然后再根据后台数据动态创建拓扑节点、连线、组、子网等图元内容,并填充如图元名字、连线颜色、告警内容等属性信息,而因为 HT 技术基于 HTML5...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考:http://www.hightopo.com/demos/index.html ?

1.9K80

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/core/beginners/examples...结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分: // init data...当然真实的系统不会像上述代码这样写死内容,一般用户通过后台数据查询,然后再根据后台数据动态创建拓扑节点、连线、组、子网等图元内容,并填充如图元名字、连线颜色、告警内容等属性信息,而因为 HT 技术基于 HTML5...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考:http://www.hightopo.com/demos/index.html ?

1.9K60

小白如何区分HTML5开发和前端开发

HTML5火热出炉,好像目前网上招聘的大部分前端开发一般是指html5开发,小白如何区分HTML5开发和前端开发HTML5,超文本标记语言HTML新标准,主要用于前端开发及游戏制作。...虽然开发这类的应用其实是以JS为主,但因为HTML5这个概念很流行,所以微网站开发、小游戏开发、WebAPP或是公众号等应用,很多人都会说使用HTML5开发。...学习Java、DOM、BOM等用建立开发基础。学习 photoshop和Axure等软件应用,完成页面UI设计。...也要认识一下NodeJS和PHP加上数据库等这样的后端语言,方便前后端开发配合;学习 HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。...前端包含HTML5HTML5其实只是前端开发中重要的一部分技术,是现在前端开发的标准组件,特别是在移动端的特效开发、游戏开发,以及APP的开发方向上非常流行。

1K20

快速开发基于 HTML5 网络拓扑图应用1

今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件...,可扩展成工作流和组织图等企业应用。...用 HT 开发一个网络拓扑图是非常容易的一件事,只需要短短几行代码就能完成一个简单的服务器与客户端的拓扑图: ? 这个例子非常基础,几乎完成了服务器与客户端在拓扑上的所有功能。...减去空行也就 50 行,我还做了很多样式部分的设计,毕竟给大家看的例子不能太丑嘛~ 我们在最开始就说明一下,HT 是基于 HTML5 标准的企业应用图形界面一站式解决方案, 其包含通用组件、拓扑组件和...3D 渲染引擎等丰富的图形界面开发类库,用户只需要引入 ht.js 即可,而且跟别的任何东西完全不冲突,因为 HT 只是声明了一个全局变量 ht,仅此而已。

1.4K20

webapp开发实战_html5开发手机app实例

从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp究竟是好还是不好真是一言难尽哟!...所以,很多人认为webapp是HTML5流行过程中最大的赢家,那么他有哪些特定呢?...当然,单页应用也不是完美无瑕的,他也具有以下问题: 由于历史原因,单页应用对SEO支持不是太好,需要对SEO做特殊处理。 首次加载量过大,首屏加载慢,所以首屏需要做特殊处理。...应用层面解决问题方案是,虚拟键盘弹出时将fixed元素设置为static,虚拟键盘消失时候设置回来。...存储的是一系列请求资源允许浏览器在请求资源时不必通过网络,设计得当的话可以实现离线应用

1.8K20

HTML5开发桌面应用:选择node-webkit还是有道heX

近几年,移动应用和web2.0大行其道,相比之下。传统桌面应用程序开发显得相对冷清(包含该领域技术人才的后继力量),但在一些场景下,它依旧有其不可替代的优势。 将HTML5和Node.JS的技术优势。...应用于桌面应用程序开发。使得工作变得简单而高效。 因此在AOL中搜索”html 开发桌面应用“,结果发现了王文睿的node-webkit和有道的heX这两款技术。...非常明显node-webkit是较hex之前开发的。那究竟选择那个好呢?...CSS,JavaScript)开发桌面应用软件的跨平台解决方式。是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效。...特别适合重UI,重交互的桌面应用软件。 事实上二则都一样。用到的底层也一样,所以选哪个都差点儿相同。最后还是选择node-webkit了。可能是先入为主吧。

70810

HTML5游戏开发实战–当心

这样就使得制作HTML5网络游戏成为可能。 2.随着现代浏览器对HTML5元素的原生支持,将不再须要用户预装第三方插件就能够玩游戏了。...短代码更有利于代码的阅读,这对游戏开发至关重要,由于游戏开发往往包括大量的代码。 写短代码能够加快开发速度。 使用jQuery库能够让代码无须做额外的调整就能够支持全部主流浏览器。...据W3C透露,自己定义数据属性的目的是保存页面或应用程序的私有自己定义数据,眼下,没有其它属性和元素比它更合适这个目的了。...后来用来訪问HTML5自己定义数据属性。...beginPath清空路径列表,所下面次调用fill和stroke命令时,它将仅仅应用上次调用beginPath之后的全部路径。

1.8K10

HTML5大战原生开发应用 谁赢谁输?

最近总有人在问到底是HTML5好,还是原生开发应用好,这个要一分为二的看待,主要看你的应用场景,适合你的就是最好的,下面我们比较了五个参数列表,让你清晰的了解何时用HTML5何时用原生开发。...自从去年10月HTML5规范尘埃落定以来,HTML5立马就受到了很多人推崇,也就从那时候起,许多开发人员都采用HTML5来构建自已网站和开发移动应用程序,那是否意味着HTML5将完全取代本地应用开发呢?...这里有支持每种技术的五个论点,首先是HTML5,然后是本地应用HTML5——一次编写,随处运行 在HTML5中,开发人员编写一套代码能够在每个平台的Web浏览器上运行。...HTML5——可以赢得一个时代 找到一个HTML技能的开发人员不是特别难。毕竟HTML5是拿来教小学生的。但在另一方面,它也是一个挑战,如何找到合适的人来填补本地应用开发团队。...当HTML5开发占据主导时,你就拥有了可以开始构建你的移动应用程序的技能了。 的确, HTML5不同于HTML4。

70350

浅淡HTML5移动Web开发

说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发。...但从这两种开发模式的特点来说,从它们诞生之日起就开始了不断的争论,孰好孰坏,本文不作探讨,只是简单罗列下本人开发遇到的问题和最终的解决方案。 ? 1....,减少开发成本。...webkit-box,我们知道元素大致分为内联元素、块状元素和介于两者之间的元素,当然还有inline-table、table-cell等神马的,那么display: -webkit-box怎么用呢,什么举个应用场景...3、HTML5新增标签。 在html5中新增量很多标签,加强连html标签的语义化,如 ?

2.4K50

后台开发 vs App应用开发

原文链接地址:后台开发 vs App应用开发? 最近很多老铁从app转做后台了,说app招聘的太少了,基本混合开发一出,app原生开发需求越来越少。...[1240] App应用开发成果显著,能够激励自己进步,比较好玩。优势是能够自己独立开发应用,有更多的机会接触需求/客户,更懂产品。由于我不是做这方面的,所以它的苦逼之处我也太清楚,跨平台?...开发上说iOS或者android做得好,基本上指的是,框架/系统接口用着熟练,进一步是了解内部实现原理。而这两个货的系统,一个闭源一个碎片化严重,深入研究难度不小。...应用开发好‘玩’,会有“所见即所得”的看得见、摸得着的成就感,而且上手快,有项目的话很快就能积累起经验。...后台开发修炼内功,需要沉得下心,但是知识体系比较稳定,以不变应万变。优势是对系统底层比较熟悉,能够更好的胜任架构方面的工作。

2.3K30

自学鸿蒙应用开发(43)- 秒表应用开发(1)

从本篇文章开始,边学边练开发一个秒表应用,本文是本系列的第一篇:绘制表盘。先看演示视频: 准备布局 内容很简单,一个Text组件加上自定义的秒表组件。 <?...这样一方面可以使读者了解真实的软件开发工作中每个设计模式的运用场景和想要解决的问题;另一方面通过对这些问题的解决过程进行说明,让读者明白在编写代码时如何判断使用设计模式的利弊,并合理运用设计模式。...对设计模式感兴趣而且希望随学随用的读者通过本书可以快速跨越从理解到运用的门槛;希望学习Python GUI 编程的读者可以将本书中的示例作为设计和开发的参考;使用Python 语言进行图像分析、数据处理工作的读者可以直接以本书中的示例为基础

53930

自学鸿蒙应用开发(44)- 秒表应用开发(2)

经过几天的开发,秒表应用终于初具规模了,先看执行效果: 指针式秒表组件 下面是自定义指针式模拟秒表组件的实现代码。具体内容参见注释。...初始化 private void Initialize(AttrSet attrSet){ addDrawTask(this); } } 在布局中布置指针式秒表组件 在本应用的布局中...这样一方面可以使读者了解真实的软件开发工作中每个设计模式的运用场景和想要解决的问题;另一方面通过对这些问题的解决过程进行说明,让读者明白在编写代码时如何判断使用设计模式的利弊,并合理运用设计模式。...对设计模式感兴趣而且希望随学随用的读者通过本书可以快速跨越从理解到运用的门槛;希望学习Python GUI 编程的读者可以将本书中的示例作为设计和开发的参考;使用Python 语言进行图像分析、数据处理工作的读者可以直接以本书中的示例为基础

85960
领券