HTML5和Web Apps框架和方法
单页:
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框架和方法的更多相关文章
- 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录
使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...
- 《HTML5 and Javascript Web Apps》读书笔记要点摘录
必须要承认的是这本由Wesley Hales编写的书对要进军web apps 的程序员(媛)来说绝对是福音,很薄的一本书简明扼要的说明了web apps的实现原理,实现工具以及优缺点.拾人牙慧,作此摘 ...
- 学习ASP.NET Web API框架揭秘之“HTTP方法重写”
最近在看老A的<ASP.NET Web API 框架揭秘>,这本书对于本人现阶段来说还是比较合适的(对于调用已经较为熟悉,用其开发过项目,但未深入理解过很多内容为何可以这样“调用”).看到 ...
- Isomorphic JavaScript: The Future of Web Apps(译)
Isomorp ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存
本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
- 基于HTML5的Web跨设备超声波通信方案
前言:Chirp在iPhone上掀起了有声传输文件的序幕,我们再也不需要彩信.蓝牙配对.IM来传送数据.它通过“叽叽喳喳”的小鸟叫声来分享数据,简单有趣,而且可以快速的实现一对多的分享. 此外支付宝曾 ...
- [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
- 通过一次实验来了解HTML5的 Web Worker
web worker 是运行在后台的 JavaScript,不会影响页面的性能. 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成. web worker 是运行在后台的 Ja ...
- Web开源框架大汇总
Struts 项目简介信息 Struts是一个基于Sun J2EE平台的MVC框架,主要是采用Servlet和JSP技术来实现的.由于Struts能充分满足应用开发的需求,简单易用,敏捷迅速,在过去的 ...
随机推荐
- osx升级到10.10后,用pod install报错最终解决办法
转载自:http://blog.csdn.net/liuyujinglove/article/details/40582197 http://blog.csdn.net/dqjyong/article ...
- Codeforces Round #349 (Div. 2) D. World Tour (最短路)
题目链接:http://codeforces.com/contest/667/problem/D 给你一个有向图,dis[i][j]表示i到j的最短路,让你求dis[u][i] + dis[i][j] ...
- hibernate AOP
摘自:http://pandonix.iteye.com/blog/336873/ 此前对于AOP的使用仅限于声明式事务,除此之外在实际开发中也没有遇到过与之相关的问题.最近项目中遇到了以下几点需求, ...
- 用C++ 自娱自乐
最无聊的时光当属 考试前的复习时段了,在一些论坛上看到一些用字符组成的图像,觉得有点意思,于是,自己 用C++ 参考一些论坛的图像,写了下面这个东西,来表达此时的心情. #include<ios ...
- velocity 快速入门
基本语法 1.变量定义 : $name 注意 : a.名字和$配合一起用 b.更规范的写法是 ${name} 2.赋值 : #set($name = "威少") 3.条 ...
- linux 查看当前路径命令:pwd
查看当前路径命令:pwd pwd命令能够显示当前所处的路径. 这个命令比较简单,如果有时在操作过程中忘记了当前的路径,则可以通过此命令来查看路径,其执行方式为: # pwd /home/samlee ...
- MEF 编程指南(二):定义可组合部件和契约
可组合部件(Composable Parts) 在 MEF 内部可组合部件是一个可组合单元.可组合部件导出其他可组合部件需要的服务,并且从其他可组合部件导入服务.在 MEF 编程模型中,可组合部件 ...
- Asp.Net MVC 3【URLs, Routing,and Areas】续
http://www.cnblogs.com/HuiTai/archive/2012/07/24/2597875.html 接着前面继续学习分享我们的路由. 现在我们把Global.asax文件里的R ...
- TOJ 4325 RMQ with Shifts / 线段树单点更新
RMQ with Shifts 时间限制(普通/Java):1000MS/3000MS 运行内存限制:65536KByte 描述 In the traditional RMQ (Range M ...
- ios开发——实用技术篇Swift篇&多点触摸与手势识别
多点触摸与手势识别 //点击事件 var atap = UITapGestureRecognizer(target: self, action: "tapDo:") self.vi ...