这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。

1. jQuery Mobile

jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。

jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。

查看jQuery Mobile实战应用,可以在这里看它的示例。

假如你不熟悉jQuery,可以选择 MooTools
Mobile, 一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是Dojo Mobile, 这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。

2. Titanium
Mobile

这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。

作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。

Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。

3. The-M-Project

The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。

这个框架遵循著名的MVC软件架构模式。

它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南).

可以查看The-M-Project提供的示例来对该项目有一个初目的了解。这些示例包括:ToDo
App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。

4. Jo

Jo这个框架可用于开发那支持HTML5的移动设备,如iOS, webOS, Android和Chrome OS等平台。

它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。

可以查看其网站提供的示例页面,它例子展示了在多种移动设备平上的Jo应用情况。

5. xui.js

有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。

6. EmbedJS

EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。

EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS
Build tool工具实现。
EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。

7. zepto.js

zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。

它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。
zepto.js的语法借鉴并且兼容jQuery。

8. DHTMLX Touch

DHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。

DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。

在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad(适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。

9. Mobilize.js

Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。

这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。

Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。

对于WordPress用户可以使用其提供的Mobilize.js
WordPress plugin插件。

10. ChocolateChip Mobile

ChocolateChip Mobile是一个移动Web应用开发JavaScript框架。它的语法类似于jQuery和Prototype。

与jQuery相似并不仅停留在语法上。比如可以像jQuery一样通过绑定和定义事件处理。并拥有像 . css 和 . toggleClass 这样的方法。

10个Web移动开发JavaScript框架相关推荐

  1. T3 - 构建大型 Web 应用的 JavaScript 框架

    T3 是一个用于构建大型 Web 应用程序的客户端 JavaScript 框架.T3 和大多数的 JavaScript 框架不同.它的意思是一小部分的整体架构,它允许你建立可扩展的客户端代码.T3 应 ...

  2. 轻量级的移动开发JavaScript框架-zepto.js

    Zepto.js  是移动端轻量级的JavaScript框架,实现JQuery的大部分API,针对手机上web开发,轻量级的是相对性的减少用户访问流量 Zepto官网 地址 可以到 github上下载 ...

  3. Web前端开发JavaScript基础(3)

    JavaScript 一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,它的解释器被称为JavaScript引擎,是浏览器的一部分,并且是被广泛用于客户端的脚本语言,JavaS ...

  4. Web前端开发的框架可以应用到哪些地方

    随着时间的推移,网页设计越来越具有创新性.web前端开发将成为2020年技术领域最热门的学科之一.以前,前端空间的开发人员只要了解一些HTML,CSS,也许还有jQuery来创建交互式网站,就足够了. ...

  5. html css3加速,10个加速CSS开发的框架

    CSS可以做很多事情,但开发者更习惯的是变量.常量和一般的更快速的语法,而CSS本身是不支持的.本文介绍了10个CSS预处理器,让CSS支持一些简单的编程语法. Compass是一个开源的CSS制作框 ...

  6. 最实用的web前端开发知识框架图

    1.分类 所有知识框架,那肯定是一个结构型的展现,就是一棵树.web前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱.那么如何组织.把谁和谁放在一块儿?这是真正值得我们去思 ...

  7. Delphi 10.3 Web应用开发B/S框架介绍(一):uniGUI

    导言:很多人想当然的认为Delphi不能开发B/S WEB应用,其实Delphi发展到现在10.3,一直在不断的进步,Delphi不但巩固了Windows本机软件开发领域的王者地位,更扩展到了安卓.I ...

  8. Delphi 10.3 Web应用开发B/S框架介绍(二):IntraWeb 17

    导言:很多人想当然的认为Delphi不能开发B/S WEB应用,其实Delphi发展到现在10.3,一直在不断的进步,Delphi不但巩固了Windows本机软件开发领域的王者地位,更扩展到了安卓.I ...

  9. 渡一教育公开课web前端开发JavaScript精英课学习笔记(六)函数及作用域

    函数作用域 函数有个隐藏的属性[[scope]],这个属性就是作用域,其存储了运行期上下文的集合. [[scope]]存储运行期上下文集合,这些集合呈链式关系,就是作用域链. [[scope]]属性结 ...

  10. 开课吧:Web前端开发三大框架的特点

    我们常说的前端三大框架是指:React.Vue.Angular.如果你想从事前端开发,那么是一定要学习框架的.框架可以帮助你更好的开发项目,提高工作效率,提升代码质量,在原有工作时长上,通过使用框架达 ...

最新文章

  1. OpenStack部署
  2. 了解spring大家族
  3. gcc 优化选项 -O1 -O2 -O3 -Os 优先级
  4. 两雄争霸:解读MSU2019年度视频编码大赛
  5. SAP官方到底提供了免费的S4HANA试用版没有?
  6. 常用css属性集(持续更新…)
  7. 中文整合包_案例 | 美研市场营销和整合营销专业1620Fall 580+申请实例(含MS+PHD)...
  8. matlab命令大全,Matlab------------命令大全2
  9. BootStrap中常用样式类
  10. IE浏览器,ajax提示错误“no transport”
  11. eNSP------三层交换机配置(拓扑图+命令)
  12. 京东数科主导的首个Apache基金会项目ShardingSphere进入孵化器
  13. python 实验七 字典与集合 (下)
  14. 医学图像分割之肝脏分割(2D)
  15. 如何利用CustomFont+PS制作字体
  16. 张凯龙 西北工业大学计算机学院,张凯龙的个人主页-西北工业大学教师个人主页...
  17. iframe嵌套视频,视频全屏用不了
  18. 睿智的目标检测1——IOU的概念与python实例
  19. executors与threadPoolExecutor区别
  20. H5的学习(二)编辑器的选择

热门文章

  1. 【H5即时通讯系统PHP源码】支持嵌入+单聊+群聊+可单独封装APP
  2. [学习笔记]opencv双线性插值法图像放大
  3. 心有景旗,志存远方——湖南安全技术职业学院美和易思愿景图活动
  4. java rds 数据库_java项目连接rds数据库
  5. gpio_desc()的分析
  6. Win10安装Deepin双系统找不到启动项
  7. 将Tomcat注册成系统服务,并且设置成系统自启动项
  8. M1芯片MacBook安装手机app
  9. flow_from_directory返回值
  10. router-view显示不出来的原因