WEB移动应用框架构想
作者:笨笨熊 来源:腾讯WSD 时间:2010-09-28 16:26:00
iUI、jQTouch、WPTouch、PhoneGap、XUI、iWebkit、Rhodes、gwt-mobile…当我们已经开始惊叹 web移动应用充斥着各种各样框架与类库的时候,其实各大web框架才刚刚开始他们的移动领域:Yahoo的YUI3.2的Touch版、jQuery的 jQueryMobile、ExtJS整合JQTouch和Raphaël库推出的Sencha Touch框架。。。
ExtJs更名为Sencha的确让我震惊不少,毕竟自己也曾是ExtJs框架的粉丝,如此重量级的框架忽然掉头往mobile touch的方向发展,确实不是一件易事,我们也不禁惊叹移动应用所带来的重大改变。
OK,在这里我并不是想跟大家介绍各种web移动应用框架的用法介绍和性能对比。只是受ExtJs的影响,以及想知道自己到底去到一个什么程度,以及更好 的积累沉淀下前端的经验,于是我开始构想一个好的web移动应用框架应该如何如何,并开始尝试着手实现。重复造轮子只是强迫自己更深入地去了解这个领域, 并不是自大到要挑战什么。于是分析对比了下,总结如下:
1.轻量级
这个应该是移动应用框架里最重要的一点,不要想着3G的普及还有wifi啥的,国情就是国情,要大部门用户在3秒内下载完你那100K的css和js文件 是强人所难。因此我们的移动应用框架必须尽可能的轻量化,所有的命名和函数实现方法都要尽可能的简练和高度压缩。抛掉那些PC上web应用的特效和组件 吧,不要为了一个菜单效果把7,80K的jQuery.js加在你的页面上。
2.主流手机浏览器兼容性
面对如此多的手机平台和浏览器,要你的移动应用在所有浏览器上表现如一是很困难的,有时候你需要对不同浏览器加载不同的样式文件,又或是运行不一样的函数 来实现效果。因此我们的框架必须有能识别各种主流浏览器的方法,具体点,你的框架必须能区分如iPhone、iPad、Android、Windows Phone等,OK,再国情化一点,QQ手机浏览器和UCWeb。最后要注意的是这里尽量不用AU的方法来判断,因为各浏览器的avigator.userAgent都很不可靠,这里可以参考下mooltools判断浏览器的思路,应用到我们的移动领域上。
3.强大的选择器
选择器可以说是一个框架灵魂,在将来的web移动应用中会大量使用CSS3的高级伪类,因此我们的框架必须能尽快遍历定位到尽可能多的HTML5标签和CSS3的伪类,哪怕是像E:first-of-type这种jquery选择器都不支持的结构。
4.页面动画效果
与桌面web应用不同的是,移动应用在页面的切换效果方面要炫的多,比如:滑动切换,遮罩弹出,渐入渐出,闪屏,iPhone上的zoomin,zoomout效果等。看看CSS关于fadein和zoomin动画的定义:
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
sqlserver 临时表 Vs 表变量 详细介绍
![](https://img.aspxhome.com/file/UploadPic/201111/3/2011113173511974s.png)
ASP向SQL语句传递参数方法
网易网站设计(思想)
![](https://img.aspxhome.com/file/UploadPic/20093/27/01-38s.jpg)
ASP保存远程图片到本地 同时取得第一张图片并创建缩略图的代码
asp如何直接调用Excel数据?
定位?浮动?自适应?
![](https://img.aspxhome.com/file/UploadPic/20086/30/2008630142536281s.jpg)
关于Ajax responseText 中文乱码问题
MS SQL2000 数据库自动备份方法
将多宿主计算机配置为SQL Server访问
Oracle数据库逻辑备份的SH文件
《悟透JavaScript》感谢语
![](https://img.aspxhome.com/file/UploadPic/200811/12/covera-92s.jpg)
如何用ASP建立Index Server查询对象并为其参数赋值?
天极网页版式设计的思考
![](https://img.aspxhome.com/file/UploadPic/20081/18/2008118124920764s.jpg)
ASP运行环境iis和pws的搭建
ASP开发10条经验总结
asp生成UTF-8格式的文件方法
JavaScript 在各个浏览器中执行的耐性
怎么让按钮更容易被点击
![](https://img.aspxhome.com/file/UploadPic/20078/22/200782291027419s.gif)
CSS结合js实现动态更换皮肤
按钮表状态还是表动作?
![](https://img.aspxhome.com/file/UploadPic/20093/23/1-300x272-42s.jpg)