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  。欢迎大家访问!

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/149497.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 查询记录时rs.previous()的使用

    查询记录时rs.previous()的使用

  • 解决pycharm汉化后无法打开设置

    解决pycharm汉化后无法打开设置转自:https://www.52pojie.cn/thread-728816-1-1.html由于操作相对复杂,再次小白整理了一下,下载压缩包内有使用方法,一目了然链接:https://pan.baidu.com/s/1o0jcRlPy4AuNAtfsk2wvHw提取码:4l7j…

  • css中的clear属性_clear啥意思

    css中的clear属性_clear啥意思之前有整理过一部分知识点,一直没有发布,因为都是有关前端方面的零散内容;现在想想无论分享什么内容都需要慢慢积累,所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作中开发问题总结相关的内容;不积跬步,无以至千里,一时得失莫要在意。好了废话不多说,直接上代码以及图例(为了让大家方便阅读,都有自己验证过程的一些图片作为分享)。1.clear属性定义:1.clear属性规定元素的哪一侧不允许其他浮动元素。2.clear属性定义了元素的哪边上不

  • 大数据管理平台(一)概述「建议收藏」

    大数据管理平台(一)概述「建议收藏」系列文章目录文章目录系列文章目录前言一、功能概述二、使用步骤2.1安装2.2监控2.3管理2.4用户管理2.5应用市场2.6操作系统三、总结前言做大数据有几年了,这些年耳濡目染了一些大数据管理平台的使用,但是或多或少使用起来,都不怎么方便,所以决定自己来实现一个简单的大数据平台一、功能概述大数据应用组件往往很多,可能几百台服务器组成一个Hadoop集群,当部署这些节点时,需要一个节点一个节点的操作,简直不敢想象。同时在这些服务器上可能还部署着Spark、Flink、Hive

  • 优雅的使用工厂方法_threadlocal作用和使用场景

    优雅的使用工厂方法_threadlocal作用和使用场景优雅的使用 ThreadLocal

  • 开机就提示“请安装TCP/IP协议,error=10106”的解决的方法

    开机就提示“请安装TCP/IP协议,error=10106”的解决的方法

发表回复

您的电子邮箱地址不会被公开。

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