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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 解读Take-Two新财报:营收、利润增长均不及预期,游戏巨头如何迎来第二春?

    解读Take-Two新财报:营收、利润增长均不及预期,游戏巨头如何迎来第二春?5月14日,美国发行商Take-Two对外发布了2019财年第四季度的新财报。根据财报内容来看,Take-Two在营收、净利润等核心数据上保持了一定同比增速,但均没有超出市场期待。受财报发布后的影响,Take-Two的股价一度下跌超6%。回顾Take-Two前几个季度的财报来看,整体股价表现并不是很稳定,这也说明Take-Two的营收表现并没有让投资者很满意。随着全球游戏市场的竞争加剧,尤其是移…

    2022年6月6日
    54
  • OC——Foundation—常用的类(1)字符串(NSString)

    OC——Foundation—常用的类(1)字符串(NSString)

    2021年9月5日
    55
  • idea快捷键和vscode快捷键对比

    idea快捷键和vscode快捷键对比之前一直写后端,最近用vscode写vue,两边的快捷键差异还挺大的,怎么感觉webstorm也挺香呢【手动狗头】快捷键名称IntelliJIDEAVisualStudioCode复制一行Ctrl+CCtrl+C剪切一行Ctrl+XCtrl+X删除一行Ctrl+YCtrl+Shift+K向下复制行Ctrl+DAlt+Shift+⬇上下移动行Alt+Shift+⬆⬇Alt+⬆⬇向

    2022年5月31日
    135
  • WebAssembly完全入门——了解wasm的前世今身

    WebAssembly完全入门——了解wasm的前世今身前言接触WebAssembly之后,在google上看了很多资料。感觉对WebAssembly的使用、介绍、意义都说的比较模糊和笼统。感觉看了之后收获没有达到预期,要么是文章中的例子自己去实操不能成

    2022年8月1日
    3
  • spring源码分析之如何解决循环依赖

    spring源码分析之如何解决循环依赖

    2021年8月4日
    45
  • 排序二叉树及其遍历「建议收藏」

    排序二叉树及其遍历「建议收藏」  所谓建立排序二叉树就是,就是将各结点数据元素顺序插到一棵二叉树中,在插入的过程中,始终保持二叉树中每个结点的值都大于其左子树上每个结点的值,而小于或等于其右子树上每个结点的值,每个结点信息包括结点数据(结点值)、左子树指针、右子树指针。程序执行的过程中,bt指针始终指向根结点,p指针指向当前已找到的结点,q指针不断向下寻找新的结点。  为实现二叉树的非递归算法,需要设置一个栈来保存指向结点

    2022年7月25日
    4

发表回复

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

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