使用Phonegap,HTML5做了一个手机微博应用,大家看看

2012-08-02 18:54:39 +08:00
 qhm123
采用Phonegap,HTML5,Backbone,JqueryMobile和RequireJS等技术开发,由新浪移动云提供支持的新浪微博跨平台手机应用。

其实我是前端新手,磕磕碰碰,断断续续做了个微博应用,应用和代码在下面那个链接下面。大家多提宝贵意见啊。

http://qhm123.github.com/tinybo/

10772 次点击
所在节点    程序员
34 条回复
forest520
2012-08-02 19:09:03 +08:00
名字叫条码扫描器,囧
第一次体验phonegap,说实话,延迟太厉害,还有闪退,断了我用它的念头了
qhm123
2012-08-02 20:15:43 +08:00
@forest520 不会吧,应该叫“看会微博”,这个有很重的延迟吗,因为我机器环境有线,暂时只测过Android4.1和Kinle Fire,还有iPad 5.x,iPhone6.x上的效果。

其实phonegap做些简单的应用还可以的
qhm123
2012-08-02 20:22:33 +08:00
做着个微博的应用纯属体验技术了。
用PhoneGap来做跨平台,暂时只有android和ios平台,并且ios只有ipa的包。
然后用jQuery Mobile做的UI,没有用jQuery的navigation机制。
然后使用Backbone做前端的MVC,做解耦。
再使用RequireJS模块化代码,也是解耦。
然后使用r.js可以把RequireJS的模块最后build成一个js文件,减少了http请求。
用到了一些HTML5和CSS3的属性,但是各个平台支持情况不是很好,用的其实也不多。不过localstorage还是很有用的,做了微博状态列表的本地缓存。
用了新浪移动云提供的微博插件还有打包平台打得包。
benzhe
2012-08-02 22:49:59 +08:00
apk 的二维码错了,下载下来的叫 条码扫描器
wegottago2
2012-08-02 23:02:41 +08:00
底部的图标!!!
qhm123
2012-08-02 23:07:20 +08:00
@benzhe 不会吧?我怎么扫描下载是“看会微博-v1.9-1.apk”呢?

@wegottago2 “底部的图标”??什么意思?
benzhe
2012-08-02 23:11:16 +08:00
@qhm123 很奇怪,你的文件名是“看会微博”,但真机上安装时的名字是“条码扫描器”,而在虚拟机安装时的名字又是“看会微博”,另外没敢在真机上打开,虚拟机上安装失败
qq286735628
2012-08-02 23:15:00 +08:00
Backbone,RequireJS
最近正打算研究一下JS中的MVC、分层、流程控制这方面的概念,回头可以去学习一下了
qhm123
2012-08-02 23:37:05 +08:00
@benzhe 这么神奇。。。我从没出现过这种情况。你用的条码扫描工具是什么?你是点击链接下载的吗?你真机是什么型号什么系统的手机?
archeryan
2012-08-02 23:40:32 +08:00
左下角的图标……囧了……萌了
qhm123
2012-08-03 09:13:26 +08:00
@archeryan 你说萌漫画的头像吧 呵呵
hoogle
2012-08-03 09:59:27 +08:00
除非以后硬件发展很快很快。。 性能有很大剩余。。 不如web app的表现。不容乐观。。。 虽说是趋势。。 但够人力的话,, native app还是主流啊。。
qhm123
2012-08-03 20:08:41 +08:00
这个其实通过网页也可以看,更像个WebApp,网址是 http://tinybo.sinaapp.com/
MASAILA
2012-08-03 21:33:48 +08:00
试了下,我一直觉得WebApp相比Native App差距还是很大的,主要是应用的流畅性,
WebApp使用起来很生硬,有可能是我没用过牛逼的吧,不过普遍都是这样,
WebApp和Native App结合才是比较好的,我记得之前的淘宝Android客户端就有一部分是WebApp
qhm123
2012-08-03 21:49:53 +08:00
@MASAILA 嗯,虽说WebApp可以跨平台,但是还是依赖于各个平台的表现,现在完全使用WebApp,确实还不是特别成熟。。。
MASAILA
2012-08-03 21:58:22 +08:00
@qhm123 之前体验过jquery mobile之类的那些的demo,在Android上的流畅程度都不及ios,不知道是优化问题还是Android的html5性能低,
qhm123
2012-08-03 22:10:01 +08:00
@MASAILA 。。。Android上比IOS低很多的,Android上CSS3性能不行,jqm用了很多阴影,渐变啥的在Android上跑很慢。
WarWithinMe
2012-08-03 22:22:38 +08:00
PhoneGap+JqueryMobile == 很差的效果。
PhoneGap用过真心慢。。。trigger.io貌似好点。。。至于国内的AppCan,从视频来看貌似是性能最好的一个。至于Jquery。。不如拿Zepto来代替。虽然JqueryMobile有很多东西,但是不是什么都能用得上吧。。
qhm123
2012-08-03 22:50:14 +08:00
@WarWithinMe PhoneGap应该和快慢没什么关系吧,它只是做了一些设备接口而已。AppCan之类的性能其实都差不多的吧。
最近看到一个表说是Zepto会比Jquery快那么一点。
WarWithinMe
2012-08-03 22:52:41 +08:00
Zepto明显要小很多。。这很直观。。另外根据trigger.io上面的说法,phonegap慢是有原因的。trigger.io说它自己在android上能比phonegap快N倍。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/44144

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX