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动画的定义：
0
投稿猜你喜欢
- 1、前不久，friendfeed.com把主导航从上面，移到了右侧。现在，又改到了左侧。2、现在，twitter.com把页签（相当于二级导
- “自定义函数”是我们平常的说法，而“用户定义的函数”是 SQL Server 中书面的说法。 SQL Server 2000 允许用户创建自
读写中文需要读取utf-8编码的中文文件，先利用sublime text软件将它改成无DOM的编码，然后用以下代码：with codecs.- 最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提
- 第1关：Scatter：散点图（一）编程要求根据以上介绍，在右侧编辑器补充代码，绘制给定数据的散点图，要求：画布大小初始化为宽 1600 像
- 本文详细描述使用Django 的ORM框架操作PostgreSQL数据库删除不生效问题的定位过程及解决方案，并总结使用ORM框架操作数据库不
- ---- Oracle是关系型数据库管理系统，它功能强大、性能卓越，在当今大型数据库管理系统中占有重要地位。在我们开发的一MIS
- selenium 安装与 chromedriver安装我们前文提到，Python脚本中使用了selenium库，而selenium又通过ch
- 一、验证计算机服务列表中是否有MySQL服务(1)右击桌面上的计算机图标出现菜单列表选项，选中管理(有多种方式可以打开计算机本地服务列表，这
- 以上是开头，安装完后需要导入转载的代码读取所有docx文件中的内容发现没有读取到表格数据：from docx import Document
- 前言当我们想要创建一个对象，我们可能使用new方法去构建一个对象，那按道理jquery也是一个对象，应该也是用new jquery()来构建
- 1、涉及到图的对比会用到子图形式展示，先看看效果2、绘制代码如下accuracy_alexnet_clef = [78.05, 78.43,
- 进一法取整、四舍五入取整、忽略小数等的取整数方法大全PHP取整数函数常用的四种方法,下面收集了四个函数；经常用到取整的函数，今天小小的总结一
- 目录一、6个非常重要的str处理词二、重要的str处理 几乎所有的 数据类型里也都能用1、提取字符串中 特定位置的字符2、len 得到当前变
- 将进程挂起(Suspend) 而非 阻塞(Block)如果用sleep() 进程将阻塞假设进程下有两个线程 那么这两个线程会继续运行要使进程
- 前言：说到JavaScript中的继承，与之密切相关的就是原型链了，JavaScript中的继承主要是通过原型链实现的。但是简单的原型链继承
- 以下所有代码全是在<head>...</head>之间，具体内容有：1，<title>…</tit
- 在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相
- 1.断点调试是啥？难不难？断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下
- 视频的播放过程可以简单理解为一帧一帧的画面按照时间顺序呈现出来的过程，就像在一个本子的每一页画上画，然后快速翻动的感觉。但是在实际应用中，并
