经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css。
个人觉得基于WebView的Jquery Mobile开发有以下优点:
1、对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事。
2、jquerymobile优秀的地方是将页面元素渲染得非常漂亮,极大减少开发对UI的依赖。
3、SQLite非常轻量,也提供了丰富的调用接口,通过程序和版本控制数据库信息,我个人非常喜欢。
至于缺点嘛,我觉得:
1、转场过程不顺畅,有些时候跳转到下一页后会再闪一下,原因可能是那个页面进行了代码初始化操作,某些控件执行了refresh。
2、经常出现某些页面按钮没有效果的问题,比如点击某个页签,明明页签已经从白色变为蓝色(表示被选中了)但是没执行跳转操作,然后再点一次或许就执行了。
3、在某些低版本浏览器低分辨率手机下,呈现效果很差。(我在我爸Android2.2手机上测试过,本来一屏显示不完的内容却在一屏中全部显示出来,文字太小根本看不清楚)
4、页面转场,上下页参数传递比较复杂,而且容易出问题。(比如在页面绑定了pagechange事件,如果先从编辑页面进入,再返回,再从新增页面进入,你会发现新增进入的页面居然是上一次编辑进入的页面,原因就是绑定的事件未取消,所以你必须考虑新增和编辑时必须清理上一次的pagechange事件)
5、日期选择控件似乎不能用:<input name="birthday" id="birthday" placeholder="您的出生日期..." value="" type="date">这个不能弹出日期选择组件。
说了那么多不爽的地方,并不是说Jquerymobile就那么不行,这个完全看需要你根据自己团队现状来做决定。比如你的团队以前都是做Java Web的,没有太多Android开发经验,而领导又要你们在短期内作出一个移动APP,那基于Android的WebView开发是不二选择。
如果要我再做一次选择:是用原生的Android组件开发还是WebView HTML开发。在时间充裕的情况下,我或许会考虑还是用Android原生组件来做:不会担心参数传递问题、不会担心太多手机兼容问题。
我了解的这些东西都是皮毛,非常非常基础,任何语言要想深入精通,必须花大量时间去学习研究,所以如果有兴趣做WebView的同学别做了一个小App就满足了,多做多思考,才能得以提高。
附件附上本次App的代码,很多文件被我删除了,所以大家自行新建一个项目,然后把代码中的文件拷贝进新建的项目中测试吧。
申明:写的代码不值钱,供大家分享参考。请不要拿去作为商业用途,如有违反,必定追究责任。转载请注明出处。
相关推荐
这个项目标题揭示了一个使用三种技术栈构建的移动应用程序:Android、PhoneGap和jQuery Mobile。Android是Google主导的开源操作系统,主要用于智能手机和平板电脑;PhoneGap是一个开放源代码框架,允许开发者使用...
本篇文章将深入探讨jQuery Mobile在Android环境中的应用,以及如何利用提供的类库和实例源代码进行开发。 一、jQuery Mobile简介 jQuery Mobile是一个轻量级的、触屏优化的JavaScript框架,专为构建跨平台、跨设备...
在开发列车时刻表的demo时,jQuery Mobile可以帮助快速构建界面布局,如使用数据属性和CSS类来创建可点击的时间表条目,同时实现触摸友好的交互效果,如滑动切换日期或查看详细信息。 在Android平台上,通过WebView...
jQuery Mobile 提供了一系列内置的UI组件,如滑块、日期选择器、切换开关等,它们在`jquery.mobile.external-png-1.4.5.css`、`jquery.mobile.inline-png-1.4.5.css`和minified版本中定义了样式。此外,框架还自动...
基于Java(Springboot+Mybatis+Mysql)+ JQueryMobile实现个人简介APP 设计这款 APP 是为了让使用者能更清楚清晰地全方面了解我这个人.从我的成长经历、人生阶段和我推荐的东西或物品等等.APP 中还留有我个人的联系...
PhoneGap和jQuery Mobile是开发移动应用的两个重要工具,它们结合使用可以构建跨平台的、交互性强的移动应用。在本实例中,我们将探讨如何利用这两个技术创建一个汇率计算器。 PhoneGap是一个开源框架,它允许...
PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...
在Android开发中,WebView是一个非常重要的组件,它允许我们在原生应用中展示网页...更多关于WebView和jQuery Mobile的高级用法,如离线缓存、自定义主题、表单处理等,您可以参考jQuery Mobile官方文档进行深入学习。
这里的 `<link>` 标签用于引入 jQuery Mobile 的 CSS 文件,而两个 `<script>` 标签分别用于引入 jQuery 库和 jQuery Mobile 的核心 JavaScript 文件。这些文件负责提供 jQuery Mobile 的所有样式和交互功能。 ####...
jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...
`jquery.mobile-1.0.1.js`是原始的非压缩版本,代码可读性较高,方便开发者调试和学习。而`jquery.mobile-1.0.1.min.js`则是经过压缩和优化的版本,体积更小,加载速度更快,适合生产环境使用。 **jQuery.mobile-...
这个源码示例提供了完整的流程,包括PhoneGap应用结构、jQuery Mobile的Web页面、以及与ZXing交互的Java插件,可以帮助开发者快速理解和实践在Android PhoneGap应用中实现条码扫描功能。通过学习和研究这个例子,...
以 HTML5 为主体,搭配JQuery制作网页,再搭配JQueryMobile制作MobileAPP,第4个实例教用户如何将写好的网页打包成Android APP,最后两个实例搭配Web Storage和Web SQL数据库,制作完成后用户能立即将成果打包并放在...
- **官方文档**:jQuery Mobile 的官方文档是非常全面的学习资料,覆盖了所有核心功能和用法。 - **论坛与社区**:加入相关的论坛和社区,可以获取最新的资讯和技术支持。 - **案例研究**:学习他人的项目案例,可以...
jQuery Mobile 是一个轻量级、触控优化的 JavaScript 框架,专为移动设备上的网页应用设计。它使得开发者可以轻松地...同时,实践是检验理论的最好方式,尝试编写和修改代码,逐步提升你的 jQuery Mobile 开发技能。
jQuery Mobile则是一个轻量级的UI框架,专门用于优化手机和平板电脑上的触摸交互体验。 HTML5的关键知识点包括: 1. **语义化标签**:HTML5引入了许多新的语义元素,如、、、和等,这些标签有助于提高页面结构的...
总的来说,jQuery Mobile提供了一整套工具,帮助开发者构建优雅的移动界面,无需从零开始编写复杂的CSS和JavaScript代码。只需理解其核心概念,掌握基本元素和组件的用法,就能轻松创建出具有吸引力的手机界面,提升...
在上述代码中,引入了jQuery Mobile的CSS和JavaScript文件,并通过`<title>`标签设置了页面标题。页面的其他部分可以通过使用`data-role`属性来定义具体的页面布局和功能,如页面、头部、尾部、按钮等。 通过这样的...
- **论坛与博客:** 许多开发者会在个人博客和技术论坛上分享使用jQueryMobile的经验和技巧。 - **社交媒体群组:** 加入相关的LinkedIn群组、Facebook群组等,可以获得最新的动态和同行的支持。 - **实践项目:**...
jQuery Mobile音乐播放代码 为什么使用 jQuery Mobile? 通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。 lamp 不同设备使用了...