单页:

1jQuery Mobile

该框架以其基于AJAX的导航系统和可使用主题的ThemeRoller设计而闻名。支持Android,ios,Windows Phone,webOs等。编程模式为CSS和JS,在DOM上声明,用CSS和data-*属性标记。

2jQTouch

它是一个Zepto/jQuery插件,也是一个很容易上手的简单框架,它提供一组基本的小部件和动画,但是缺乏多平台支持,该框架还苦于缓慢而闪烁的动画以及延时的单击事件,只支持ios和Android.编程模式重CSS轻JS,使用CSS类检测合适的动画和交互,支持扩展。

无页面结构:

1xui

在无页面结构中标记是灵活而轻量级的。和单页方法不同,它的标记不与具体的DOM结构绑定。使用这一方法的最佳选择是xui,xui起源于PhoneGap框架,它不描述页面结构或者小部件的样式,而是处理事件,动画,变换和AJAX.它是轻量级的,且具备为所需功能添加插件的功能。xui专门为移动环境的DOM操纵做了裁剪,这是处理jQuery之类的现有桌面浏览器框架的一个重要因素。编程模式为清晰,熟悉的链式语法(类似jQuery);支持插件

JS驱动:

1Sencha Touch

Sencha Touch是一个HTML/CSS3/JS框架,通过SASS/Compass,类似数据展示的模型,存储和代理,提供不同的原生样式小部件和灵活的主题。增强的触摸事件和强大的数据模型为这个框架提供了一些企业级的特性,和jQuery与jQTouch不同,使用Sencha,不用编写HTML,而是用JS建立UI和应用。

2Wink Toolkit

它的内核提供移动开发人员所需的从触摸事件处理到DOM操纵对象和CSS变换实用工具的所有基本功能。支持ios,Android,BlackBerry和Bada。用JS助手添加标准移动浏览器支持,UI在JS中创建。它最大的亮点是含有大量的2D和3D组件,以及用手势操纵组件的能力。例如用wink的CoverFlow组件,用户可以使用两根手指来改变视角。

3The-M-Project

它有4个核心开发概念,MVC,Content Binding(内容绑定),Dynamic Value Computing(动态数值计算)和Event Handling(事件处理)。所以它的大部分重心在编程模式上。支持Android,ios,Windows Phone,webOs,BlackBerry。编程模式主要依赖MVC模式;通过JS创建视图组件,处理数据绑定。它的Web Storage(用于本地和远程存储的数据提供者)。

还有其他一些框架如Sproutcore,Jo,Zepto,LungoJs它们都有各自在移动web编程上的优点,也有其缺陷。

*文章系《HTML5 and JavaScript Web Apps 》读书笔记

HTML5和Web Apps框架和方法的更多相关文章

  1. 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

    使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...

  2. 《HTML5 and Javascript Web Apps》读书笔记要点摘录

    必须要承认的是这本由Wesley Hales编写的书对要进军web apps 的程序员(媛)来说绝对是福音,很薄的一本书简明扼要的说明了web apps的实现原理,实现工具以及优缺点.拾人牙慧,作此摘 ...

  3. 学习ASP.NET Web API框架揭秘之“HTTP方法重写”

    最近在看老A的<ASP.NET Web API 框架揭秘>,这本书对于本人现阶段来说还是比较合适的(对于调用已经较为熟悉,用其开发过项目,但未深入理解过很多内容为何可以这样“调用”).看到 ...

  4. Isomorphic JavaScript: The Future of Web Apps(译)

                                                                                                 Isomorp ...

  5. 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存

    本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...

  6. 基于HTML5的Web跨设备超声波通信方案

    前言:Chirp在iPhone上掀起了有声传输文件的序幕,我们再也不需要彩信.蓝牙配对.IM来传送数据.它通过“叽叽喳喳”的小鸟叫声来分享数据,简单有趣,而且可以快速的实现一对多的分享. 此外支付宝曾 ...

  7. [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

  8. 通过一次实验来了解HTML5的 Web Worker

    web worker 是运行在后台的 JavaScript,不会影响页面的性能. 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成. web worker 是运行在后台的 Ja ...

  9. Web开源框架大汇总

    Struts 项目简介信息 Struts是一个基于Sun J2EE平台的MVC框架,主要是采用Servlet和JSP技术来实现的.由于Struts能充分满足应用开发的需求,简单易用,敏捷迅速,在过去的 ...

随机推荐

  1. opencv 矩阵的相似性对比 (图片之间比较)

    测试图片:     code: #include <opencv\cv.h> #include <opencv\highgui.h> #include <opencv\c ...

  2. 安装centreon

     Centreon + nagios + ndoutils 安装 2013-09-25 19:42:44 标签:centreon 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者 ...

  3. Squid代理服务器&&搭建透明代理网关服务器

    案例需求 ——公司选用RHEL5服务器作为网关,为了有效节省网络带宽.提高局域网访问Internet的速度,需要在网关服务器上搭建代理服务,并结合防火墙策略实现透明代理,以减少客户端的重复设置工作 需 ...

  4. MFC视图切换大全总结

    单纯视图之间的切换 单文档多视图切换是我在学习MFC中遇到的一个老大难问题,在今天总算是一一破解了.我觉得视图切换分为三个等级,第一是在未切分窗格的情况下切换视图类:第二是在分割窗格的一个窗格内实行视 ...

  5. SAP CRM 最新简介文字(2007年、中英文)

    以下内容是SAP CRM功能的精简描述,摘自SAP官方文档,附上中英文版本,可以对SAP CRM的主要功能有大致了解. 营销 - 使用营销资源管理.客户细分及列表管理.营销活动管理.线索管理.贸易促销 ...

  6. Hdu 5568 sequence2 高精度 dp

    sequence2 Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=556 ...

  7. C++中使用union的几点思考(转)

    C++中使用union的几点思考 大卫注:这段时间整理旧资料,看到一些文章,虽然讲的都是些小问题,不大可能用到,但也算是一个知识点,特整理出来与大家共享.与此相关的那篇文章的作者的有些理解是错误的,我 ...

  8. IOS App动态更新

    框架 JSPatch WaxPatch react-native   方案对比 目前已经有一些方案可以实现动态打补丁,例如WaxPatch,可以用Lua调用OC方法,相对于WaxPatch,JSPat ...

  9. Scrapy 对不同的Item进行分开存储

    在Piperlines里面进行对象的判断, def process_item(self, item, spider): if item.__class__ == BaseItem : #savexxx ...

  10. 《赢在用户:Web人物角色创建和应用实践指南》阅读总结

           本书针对创建人物角色的每一个步骤,包括进行定性.定量的用户研究,生成人物角色分类,使人物角色真实可信等进行了十分详细的介绍.而且,在人物角色如何指导总体商业策略.确定信息架构.内容和设计 ...