WebApp 开发框架推荐以及优缺点分析

WebApp 开发框架推荐以及优缺点分析不用盲目的百度和问大神们WebApp开发使用哪个框架最好?等等问题。在此,小编尽量解答各位的WebApp 问题。根据国内js大神以及有过WebApp 开发经验的前辈们分析,小编推荐下面6款常用的WebApp 开发框架。第一款:Sencha TouchSenchaTouch是世界上第一个支持HTML5和CSS3标准的移动应用框架,你可以使用HTML5来编写音频和视频组件,还可以使用…

大家好,又见面了,我是你们的朋友全栈君。

不用盲目的百度和问大神们WebApp 开发使用哪个框架最好?等等问题。在此,小编尽量解答各位的WebApp 问题。根据国内js大神以及有过WebApp 开发经验的前辈们分析,小编推荐下面6款常用的WebApp 开发框架。

第一款:Sencha Touch

Sencha Touch 是世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架,你可以使用 HTML5 来编写音频和视频组件,还可以使用 LocalStorage Proxy 来存储离线数据,同时,大量 CSS3 样式表为你提供了创建健壮样式层的可能。

优点

•   用户体验最接近Native App, 具有整体的UI组件、布局解决方案;

•   统一的编程代码结构和要求,良好组织的代码易于维护;

•   继承ExtJS 4的应用程序MVC架构;

•   完善的API文档,示例;活跃的社区,网上有大量的文档书籍帮助学习;

缺点

•   兼容性差,仅支持webkit内核的浏览器;

•   框架比较重量级,学习成本比较高;

•   商业化使用有版权问题;

Sencha Touch学习的酷站推荐:http://extjs.org.cn/

第二款:jQuery Mobile

jQuery Mobile 是创建移动 web 应用程序的框架。

jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

优点

•   跨浏览器兼容性最好,几乎兼容所有的平台和浏览器;

•   入门简单,语法简洁,编码灵活,一些简单的应用直接用HTML既可实现,无需Javascript;

•   开源插件与第三方扩展网上资源丰富;

•   完善的API文档,示例;活跃的社区,网上有大量的文档书籍帮助学习;

缺点   

 •   jQuery Mobile对代码没有特定的要求,后期维护难度较大;

第三款:Zepto

Zepto 就是一个 jQuery 的轻量级替代品,几乎完全一样的 API,但是专门为 Mobile 或者 HTML5 浏览器设计和优化。

优点

•   学习成本低,Zepto保持了与jQuery几乎一样的功能,使用gzip压缩只有5-10k;

缺点

•   Zepto不支持Windows Phone下的IE ;

第四款:Wink Toolkit

优点

•   Wink的核心库是轻量级的,支持AMD规范的模块化加载,功能接口相比Zepto更丰富;

•   提供很酷的2D、3D效果UI组件;

缺点

•   组件对 Android的支持程度不好,3D组件无法使用 ;

第五款:Ionic:高级的 HTML5 移动APP(Web App)开发框架

Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的混合APP 开发框架,采用 Sass与AngularJS 开发。目前,Ionic 仍然处于临测试状态( alpha )。相信未来会成为开发者开发 HTML5 应用的一个不错的选择。

酷站官网:http://ionicframework.com/

第六款:Amaze UI     中国首个开源 HTML5 跨屏前端框架

Amaze UI 是一个移动优先的跨屏前端框架。易学易用。

原文链接:http://toutiao.com/a5349044691/?iid=2940446160&app=news_article&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_ios&utm_campaign=client_share

github主页:https://github.com/chenyufeng1991  。欢迎大家访问!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149498.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • NFS服务器搭建与配置[通俗易懂]

    NFS服务简介什么是NFS?NFS就是NetworkFileSystem的缩写,它最大的功能就是可以通过网络,让不同的机器、不同的操作系统可以共享彼此的文件。​ NFS服务器可以让PC将网络中的NFS服务器共享的目录挂载到本地端的文件系统中,而在本地端的系统中来看,那个远程主机的目录就好像是自己的一个磁盘分区一样,在使用上相当便利;NFS一般用来存储共享视频,图片等静态数据。NFS挂…

    2022年4月18日
    112
  • oracle报错未明确定义列_查询块具有不正确的结果列数

    oracle报错未明确定义列_查询块具有不正确的结果列数运行环境:Oracle10gsqlplus环境下。 在查询语句中,经常会出现一个错误: SQL基础:ORA-00918:未明确定义列的错误。 当前遇到有两种情况。原因为:当查询语句中,查询的表(数据集)中有相同的字段名,查询字段无法确认是改查那个字段 时,就会报未明确定义列的错误。 第一种情况: 1.单表时: 比如fconsign表中存在三个字段:fcsg_c

    2022年10月4日
    0
  • vue项目引入外部原生js文件_php引入文件的四个方法

    vue项目引入外部原生js文件_php引入文件的四个方法在开发Vue项目的时候,有时需要使用一些非ES6格式的没有export的js库,可以有如下方法实现:1.在index.html页面使用script标签引入当然也可以使用cdn的地址。这样引入后的内容是全局的,可以在所有地方使用。<!DOCTYPEhtml><html> <head> <title>Map</title> <metacharset=”utf-8″> <meta

    2022年10月8日
    0
  • activiti工作流引擎入门教程

    activiti工作流引擎入门教程@TOCLDistiggerforever,CGarenotbrothersforever,throwthepotandshineforever.Modestyisnotfalse,solidisnotnaive,treacherousbutnotdeceitful,staywithgoodpeople,andstayawayfrompoorpeople.talkischeap,showothersthecodean

    2022年7月21日
    11
  • idea配置tomcat以及环境变量「建议收藏」

    idea配置tomcat以及环境变量「建议收藏」这里写目录标题tomcat环境变量idea配置tomcattomcat环境变量第一步下载tomcat网址:https://tomcat.apache.org/download-90.cgi下载完成后解压进入解压后的文件夹复制地址第二步下载tomcat环境变量配置右击此电脑->属性->高级系统设置->环境变量1.CATALINA_HOME2.编辑Path,点击“新建”,添加变量值:%CATALINA_HOME%\lib%CATALINA_HOME%\b

    2022年5月13日
    261
  • activiti工作流开发_flowable工作流

    activiti工作流开发_flowable工作流深入理解Activiti工作流Activiti作为一个流行的开源工作流引擎,正在不断发展,其6.0版本以API形式提供服务,而之前版本基本都是要求我们的应用以JDK方式与其交互,只能将其携带到我们的应用中,而API方式则可以服务器独立运行方式,能够形成一个专网内工作流引擎资源共享的方式。Activiti执行的BPMN2.0,这个规范中有几个要素见下图:其实最经常使用的是开始结束事件和任务,本文就以…

    2022年10月6日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号