webapp开发框架推荐以及优缺点分析【webAPP干货】[通俗易懂]

webapp开发框架推荐以及优缺点分析【webAPP干货】[通俗易懂]推荐下面6款常用的webapp开发框架。有兴趣可以阅读《HTML5移动webAPP和HybridAPP开发的优缺点分析》和2014年webAPPUI设计和前端JS特效案例集萃第一款:Sencha TouchSenchaTouch是世界上第一个支持HTML5和CSS3标准的移动应用框架,你可以使用HTML5来编写音频和视频组件,还可以使用Lo

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

推荐下面6款常用的webapp开发框架。

有兴趣可以阅读《HTML5移动webAPP和Hybrid APP开发的优缺点分析》和2014年webAPP UI设计和前端JS特效案例集萃

第一款:Sencha Touch

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

优点

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

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

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

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

visulatorCA

缺点

•   兼容性差,仅支持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 应用的一个不错的选择。

Ionic   Web App开发框架

 

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

 

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

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

amazeui 框架

 

酷站网址:http://amazeui.org/

 

 

 

下面是一些牛逼团队使用webAPP框架的案例欣赏:

银天下移动开发团队:

我们团队10+个人,负责公司所有移动端的技术研发以及后端的部分业务,清一色Mac全栈工程师,用coffeescript,ios,android,c++,rails,go等等。WebApp方面我们MobileWebApp我们用backbone+zepto.js,桌面的WebApp我们用angularjs,端到端测试做的也非常全面。大部分后端我们用nodejs,部分使用rails或者java(机器学习方面的东西)

公司官网:http://www.98.cn/

 

第二团队使用:

现在的方案是前端 AngularJS + Bootstrap,后端 Express+Sequelize解决方案。

有兴趣的朋友们多多关照25学堂,25学堂在2015年将会推出一些比较实用的webAPP教程。

原文链接:http://www.25xt.com/html5css3/7407.html

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

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

(0)
上一篇 2022年6月15日 下午1:16
下一篇 2022年6月15日 下午1:36


相关推荐

  • [史]世界史上的6大古帝国

    [史]世界史上的6大古帝国nbsp 西方史书上记载的每个世纪最强大的国家 nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp 公元前 15 世纪 埃及王国 公元前 14 世纪 埃及王国 赫梯王国 并列 公元前 13 世纪 埃及王国 商王国 并列 公元前 12 世纪 埃及王国 公元前 11 世纪 空缺 公元前 10 世纪 周王国 公元前 9 世纪 亚述帝国 公

    2026年3月19日
    2
  • 自己动手制作纯净版的WinPE_pe软件能自己制作吗

    自己动手制作纯净版的WinPE_pe软件能自己制作吗WinPE作为系统维护工具,已经必不可少,WinPE有很多版本,官方介绍的WinPE版本如下:WinPE1.0基于WinXPWinPE1.1基于WinXPSP1WinPE1.2基于Win

    2022年8月1日
    9
  • linux安装yarn

    linux安装yarn这里介绍使用yum的方式:先要安装node.js,用node-v可以查看是否安装了node。1、添加yarn仓库wgethttps://dl.yarnpkg.com/rpm/yarn.repo-O/etc/yum.repos.d/yarn.repo2、安装yarnyum-yinstallyarn安装完成后,yarn-v可以查看版本。…

    2022年5月9日
    40
  • declare-styleable的详细用法

    declare-styleable的详细用法简述declare-styleable的定义使用规则,做好笔记方便自己后期使用也方便他人使用。

    2022年7月13日
    16
  • java datagramsocket_Java中的DatagramPacket与DatagramSocket的初步(转)

    java datagramsocket_Java中的DatagramPacket与DatagramSocket的初步(转)1 基本概念 a DatagramPack 与 DatagramSock 位于 java net 包中 b DatagramPack 表示存放数据的数据报 DatagramSock 表示接受或发送数据报的套接字 c 由这两个类所有构成的网络链接是基于 UDP 协议 是一种不可靠的协议 之所以不可靠是因为发送方不负责数据是否发送成功 接收方收到数据时也不会 向发送方反馈成功消息 容易导致信息的丢失 但

    2026年3月17日
    1
  • 智能体开发平台优选 权威数据解析

    智能体开发平台优选 权威数据解析

    2026年3月17日
    2

发表回复

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

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