单页:

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. ASP.Net自定义重写Http Server标头

    Net中我们为了安全或其他原因起见 可能需要修改我们的标头报文等 以下方法我们通过使用HTTP Module来使用编程的方式来去除或修改它 首先我们自定义一个类CustomServerHeaderMo ...

  2. HDU1398Square Coins(母函数)

    母函数介绍见另一篇随笔HDU1028Ignatius and the Princess III(母函数) #include<iostream> #include<stdio.h> ...

  3. CodeForces 548A Mike and Fax (回文,水题)

    题意:给定一个字符串,问是不是恰好存在 k 个字符串是回文串,并且一样长. 析:没什么好说的,每次截取n/k个,判断是不是回文就好. 代码如下: #include<bits/stdc++.h&g ...

  4. hibernate和mybatis

    本来是个菜鸟程序员,现在大学还没毕业. 最近一直在想一个问题,到底是hibernate好还是mybatis好.我总觉得 hibernate好用之极,在大学里做过的小项目都是用的hibernate,只要 ...

  5. python 循环

    200 ? "200px" : this.width)!important;} --> 介绍 python中有两种循环,分别是for...in循环.while循环:for.. ...

  6. UVa572 Oil Deposits DFS求连通块

      技巧:遍历8个方向 ; dr <= ; dr++) ; dc <= ; dc++) || dc != ) dfs(r+dr, c+dc, id); 我的解法: #include< ...

  7. PostgreSQL的 initdb 源代码分析之三

    继续 其实接前面,整个while循环是这样的: ) { switch (c) { ...... } ...... } 这一句,c = getopt_long(argc, argv, "dD: ...

  8. 通过SCVMM分配iSCSI存储

    除了使用基于SMB3.0应用程序的文件共享外,还可以使用iSCSI目标服务器的SAN存储,然后在SCVMM控制台中添加基于SMI-S类型的存储,步骤如下: 1.将一台安装了 iSCSI目标 功能的Wi ...

  9. Codeforces Gym 100523K K - Cross Spider 计算几何,判断是否n点共面

    K - Cross SpiderTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/v ...

  10. delphi 2010 资源文件使用

    Project              Recources...   //1提取出资源 procedure TForm1.Button1Click(Sender: TObject);begin  w ...