HTML5开发WEB端APP介绍
来源:互联网 发布:守望先锋数据查询软件 编辑:程序博客网 时间:2024/05/23 12:11
前言:
技术:
- 前端:HTML5、jQuery、CSS、MUI等
- 后端:Struts2、Hibernate、Spring等
- 交互:Ajax、json
- IDE:Eclipse、Hbuilder
MUI: 是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验,号称最接近原生APP体验的高性能前端框架。主要特点为:轻量,不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K;原生UI,以iOS平台UI为基础,补充部分Android平台特有的UI控件。
Hbuilder:是由DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。我们在这里使用Hbuilder的原因在于:可以很方便的打包APP项目,通过可视化的界面配置所需系统权限。
方案:
优势:
1. 开发速度快、成本低。相对于原生APP,使用H5开发更节省人力,不需要单独的两个团队开发。
2. 版本控制及BUG修复更优秀。由于页面由服务器直接返回,有问题直接后台修改,不需要用户单独更新APP。
3. 跨平台性优秀。HTML5 采用网络通用语言,不用考虑终端设备或者操作系统的不同。
劣势:
1. 用户体验差。由于不同的手机设备性能不同,造成用户图形界面和数据展示体验不同,对手机要求较高。
2. 不能离线访问。由于界面都是由服务器返回,离线将无法访问APP页面。
适用场景:
H5与原生APP各有优缺点,所以在预算有限的情况下,或者开发速度要求快的情况下以及偏信息展示少交互的APP更适合使用HTML5开发。
H5开发的性能问题一直是不能得到广泛使用的原因,所以我们在后期的优化方向可以考虑混合式开发。一部分功能使用Native,一部分功能使用Web开发,一般做如下分工:
1.偏交互的Native,偏浏览的Web:交互指复杂操作。
2.已稳定的Native,试错中的Web:H5页面用来做低成本验证很好。
3.访问硬件Native,信息展示Web:指手机里的各种传感器之类的。
4.核心功能Native,周边辅助Web:把工作量多投在刀刃上。
- HTML5开发WEB端APP介绍
- HTML5 开发Mobile Web App
- APP WEB HTML5 开发框架
- 移动WEB APP HTML5使用介绍
- HTML5 移动Web App阅读器-3(开发流程介绍、需求分解和技术选型)
- HTML5开发移动APP原理介绍
- 以 HTML5 开发 Mobile Web App
- 以 HTML5 开发 Mobile Web App
- Html5 Web App 手机跨平台开发
- 以 HTML5 开发 Mobile Web App
- 以 HTML5 开发 Mobile Web App
- HTML5开发 移动Web App阅读器
- 移动开发 Native APP、Hybrid APP和Web APP介绍
- HTML5 Web app开发工具Kendo UI Web教程
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 对 Web App 的影响
- 介绍几个移动web app开发框架
- HTML5制作web app
- web app html5
- spirng mvc框架下面,ajax请求,A、B同时发送请求,数据库资料更新正确,但A收到的响应是空,B收到的响应是A+B
- HTTP请求和数据安全
- redis的常用操作
- Android小项目之--ListView与ListAcitivity完善论坛管理效果2
- java 可变参数写法
- HTML5开发WEB端APP介绍
- CSS学习
- 关于java.net.ConnectException: failed to connect to localhost/127.0.0.1
- 【OpsDev】解决mac下ssh空闲一段时间自动断开的问题
- 纯css编写的复选框
- 读取带有中文的txt文件
- CAShaperLayer环形进度条加载动画
- 编写一个程序,在E盘下创建一个abc.txt的文本文档,通过输出流在文档内添加数据,然后在把abc.txt复制到F盘下
- Spring源码阅读之准备篇-Spring整体架构分析