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


相关推荐

  • 日志查看–journalctl[通俗易懂]

    日志查看–journalctl[通俗易懂]7.journal(1)journalctl //日志查看工具-n3 //查看最近3条日志-perr //查看错误日志-overbose //查看日志的详细参数–since //查看从什么时间开始的日志–until //查看到什么时间为止的日志(2)如何使用systemd-journald保存系统日志默认systemd-journald是不保存系统日志到硬盘的,那…

    2022年5月23日
  • wxpython自定义控件_wxPython 教程(十三) 自定义控件

    wxpython自定义控件_wxPython 教程(十三) 自定义控件本节讲述wxPython自定义控件。GUIToolkits会提供多数常用的部件,比如按钮、文本控件、滚动条、滑块等等。wxPython也会提供很多控件,但若需要更定制化的控件还是需要开发者自己编写。自定义控件通过两种方式创建:一种是通过修改或增强现有控件,另一种是我们从零开始直接创建。超链接控件第一个例子是创建一个超链接控件,我们基于wx.lib.stattext.GenStatic…

    2022年5月11日
  • windows loader激活工具怎么用_ubuntu双系统开机没有选项

    windows loader激活工具怎么用_ubuntu双系统开机没有选项Readme1.Recovery2.Genuinestatus3.Questionsandanswers4.UEFImotherboards5.Checksums6.Changes7.Arguments8.Extra##################################################################…

    2022年10月12日
  • hikaripool信息_HikariPool源码(四)资源状态[通俗易懂]

    hikaripool信息_HikariPool源码(四)资源状态[通俗易懂]Java极客|作者/铿然一叶这是Java极客的第55篇原创文章1.本章目的了解池资源的状态,以及状态如何变迁,用于池化资源设计参考。2.HikariPool资源核心类回顾HikariPool资源相关的类如下:类说明:类职责HikariPool资源池,客户端资源操作的入口。ConcurrentBag通用的并发包工具。CopyOnWriteArrayList一个列表,用于存储资源,…

    2022年6月23日
  • js 字符串截取方法汇总

    js 字符串截取方法汇总一、使用slice()截取1,函数说明slice()方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下:string.slice(start,end);start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1指最后一个字符,-2指倒数第二个字符,以此类推。参数说明:end(可选):规定从何处结束选取,即结束处的字符下标。如果没有指定该参数,那么截取的字符串包含从start到结束的所…

    2022年6月11日
  • journalctl命令「建议收藏」

    journalctl命令「建议收藏」journalctl命令journalctl命令是Systemd日志系统的一个命令,主要用途是用来查看通过Systemd日志系统记录的日志,在Systemd出现之前,Linux系统及各应用的日志都是分别管理的,Systemd取代了initd之后便开始统一管理了所有Unit的启动日志,可以只用一个journalctl命令,查看所有内核和应用的日志。语法journalctl[OPTIONS…][MATCHES…]参数–no-full,–full,-l:当字段匹配可用列时将其省

    2022年5月10日

发表回复

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

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