推荐十四款常见的Web前端开发框架

2023-05-29 0 963

在做web合作开发的时候经常会碰到一个问题,那就是,选择怎样的架构来做后端合作开发。上面封程中把现阶段常用的许多后端的架构简单的给大家介绍一下.

1. Bootstrap

Boostrap绝对是现阶段最盛行用得最广泛的这款架构。它是两套迷人,简单因此烦人的web结构设计辅助软件包,能用以合作开发跨应用程序相容因此耐用水蒸气的网页。它提供更多了许多盛行的式样简约的UI模块,单点控制系统和许多常用的JavaScript应用程序。

Bootstrap是用静态词汇LESS写的,主要就主要就包括四部分的内容:

钢架——自上而下式样,积极响应式的12列单点产业布局控制系统。读懂Bootstrap在预设情况下并不主要就包括积极响应式产业布局的机能。因此,如果你的结构设计须要同时实现积极响应式产业布局,那么你须要全自动迈入此项机能。

此基础CSS——主要就包括此基础的HTML网页基本要素,比如表单(table),配置文件(form),按键(button),和相片(image),此基础CSS为那些基本要素提供更多了典雅,完全一致的多种式样。

模块——搜集了大量能宠信的模块,如输出框(dropdowns),按键组(button groups),导航控制系统液晶(navigation control)——主要就包括:tabs,pills,lists条码,烤成导航控制系统(breadcrumbs)和正文(pagination),纯文字(thumbnails),unlock(progress bars),媒体对象(media objects)之类。

JavaScript——主要就包括一系列jQuery的应用程序,那些应用程序能同时实现模块的静态网页效用。应用程序主要就主要就包括逻辑控制系统询问处(modals),提示信息效用(tool tips),“泡芙”效用(popovers),慢速监视(scrollspy),转动地牢(carousel),输出提示信息(typeahead),之类。

Bootstrap已经足够多强悍,能同时实现各种形式的 Web 介面。为了更加方便快捷地利用Bootstrap进行合作开发,许多辅助工具和天然资源能用以相互配合使用,上面列出了其中的一部分辅助工具和天然资源。

jQuery UI Bootstrap —— 对于jQuery和Bootstrap发烧友来说这是个非常好的天然资源,能把 Bootstrap的清新介面模块导入到jQuery UI中。

jQuery Mobile Bootstrap Theme —— 和上面提及的jQuery UI主轴类似,这是一个为jQuery mobile建立的主轴。如果你想让用Bootstrap合作开发的网站在手机端也能典雅访问,那么这个天然资源对你来说很方便快捷易用。

Fuel UX —— 它为Bootstrap添加了许多轻量的JavaScript控件。Fuel UI 安装,修改,更新和优化都很简单方便快捷。

http://StyleBootstrap.info

—— Bootstrap提供更多了自己的几种介面风格,StyleBootstrap提供更多了更多的配色选项,因此你能给每个模块都应用不同的配色。

BootSwatchr —— 利用这个辅助工具你能立刻查看主轴修改后的效用。对于每一次变动的效用,这个应用都会生成一个唯一的URL方便快捷你与他人分享,你也能在任意时刻修改你的主题。

Bootswatch —— 提供更多大量免费的Bootstrap主轴。

Bootsnipp —— 在线后端架构交互模块制作辅助工具,是一个供给结构设计师和合作开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。

LayoutIt —— 通过介面拖放生成器简便快捷地创建基于Bootstrap的后端代码。通过拖放动作将Bootstrap风格的模块加入到你的个人结构设计里因此能方便快捷地修改他们的属性,简单便捷。

2、flex

Apache基金会发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本

须要注意的是

2014年03月10日,Apache Flex技术社区发布了全新的Apache Flex 4.12.0版本,该版本是Apache Flex 4.11.0的升级版本,改进的机能主要就包括:

◆支持最新版本的Flash Player

◆支持最新的AIR运行时

◆改进了内存占用和性能

◆改善了针对移动平台的模块的式样

◆支持iOS7控制系统

◆修复了超过80个漏洞[4]

2014年05月10日,Apache对4.12.0版本进行优化改进,发布了Flex 4.12.1,新版本加入对全新Flash Player及Air运行时的支持,改进对移动媒体查询的支持,并修复20多个Bug。

3、extjs

ExtJS是一种主要就用于创建后端用户介面,是一个基本与后台技术无关的后端ajax架构。

机能丰富,无人能出其右。

无论是介面之美,还是机能之强,ext的表单控件都高居榜首。

extjs官网:http://extjs.org.cn/

华丽的介面,灵活的机能,还有合作开发辅助工具都是配套的,但有个最大的问题,用就得花钱!

4、easyui

easyui帮助你构建你的web应用更加容易。

它是一个基于jquery的应用程序,合作开发出来的两套轻量级的ui架构,非常小巧而且机能丰富。

官方网站是:

http://www.jeasyui.com/

但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果碰到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,因此介面做的还说的过去!

5、MiniUI

又一个基于jquery的架构,合作开发的介面机能都很丰富。

jQuery MiniUI – 快速合作开发WebUI。

它能缩短合作开发时间,减少代码量,使合作开发者更专注于业务和服务端,轻松同时实现介面合作开发,带来绝佳的用户体验。

使用MiniUI,合作开发者能快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单辅助工具栏、弹出液晶、产业布局导航控制系统、数据验证、分页表单、树、树形表单等典型WEB应用控制系统介面。

介面做的挺不错,机能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个合作开发如果想对机能做扩展就须要找他们的团队进行升级!

6、jQuery UI

jQuery UI 是两套 jQuery 的网页 UI 应用程序,包含许多种常用的网页空间,例如 Tabs(如本站首页右上角部分) 、拉帘效用(本站首页左上角)、对话框、拖放效用、日期选择、颜色选择、数据排序、窗体大小调整之类非常多的内容。

机能非常全面,介面也挺漂亮的,能整体使用,也能分开使用其中的几个模块,免费开源!

7、DWZ

DWZ富客户端架构(jQuery RIA framework), 是中国人自己合作开发的基于jQuery同时实现的Ajax RIA开源架构.

结构设计目标是简单实用,快速合作开发,降低ajax合作开发成本。

欢迎大家提出建议,我们将在下一版本中进一步调整和完善机能.共同推进国内整体ajax合作开发水平。

DWZ论坛 http://bbs.dwzjs.com

在线演示地址 http://demo.dwzjs.com

毕竟是国产的,支持一下,而且源码完全公开,能选择一下!不过性能怎么样不敢确定!

8、GWT

Google 网页辅助软件包——GWT 提供更多了一组基于Java词汇的合作开发包,这个合作开发包的结构设计参考Java AWT包结构设计,类命名规则、接口结构设计、事件监听等都和AWT非常类似。熟悉Java AWT的合作开发者不须要花费多大的力气就能快速的理解GWT合作开发辅助软件包,将更多地时间投入到GWT应用的合作开发过程中。

你不用去了解这样那样的javascript架构,通过java你就能写出机能丰富的介面,可以做单元测试,毕竟是google的产品,严重支持一下!

9、YUI

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 天然资源。使用授权为 BSD许可证,基本上没怎么研究过!

YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样!

10、Sencha

Sencha 是由 ExtJS、jQTouch 和 Raphael 三个项目合并而成的一个新项目。

大公司的架构,因此是几样库的强强联合,值得推荐!

11、Dojo

在国内应用好像不是很广,不过性能上应该没问题。

Dojo是一个用javascript词汇同时实现的开源DHTML辅助软件包。

有多个基金会的支持,主要就包括IBM和SUN,都是软件界的泰斗,值得信赖!

12、ZK

ZK是 两套以 AJAX/XUL/Java 为此基础的网页应用程式合作开发架构,用于丰富网页应用程式的使用接口。最大的好处是,在结构设计AJAX网络应用程式时,轻松简便的操作就像结构设计桌面程式一样。 ZK包含了一个以AJAX为此基础、事件驱动(event-driven)、高互动性的引擎,同时还提供更多了多样丰富、可重复使用的XUL与HTML模块,以 及以 XML 为此基础的使用接口结构设计词汇 ZK User-interfaces Markup Language (ZUML)。

在线的demo

结构设计器的demo

日历模块

机能丰富,全面,文档齐全,而且升级了许多次,非常值得推荐!

13、OperaMasks-UI

OperaMasks- UI是OperaMasks团队 2011下半年打造的这款轻量级后端JS模块库,旨在提供更多这款学习曲线低、定制性灵活、式样统一,且多应用程序支持、覆盖企业业务场景的后端 JavaScript UI模块库。现阶段,该团队已将这一产品以LGPL 开源协议开放给社区。

文档丰富,机能齐全,而且很容易使用和合作开发!而且是国产的哟!

14、JavaFX

Sun 公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程词汇合作开发富互联网应用程序(RIA)。JavaFX Script 编程词汇(以下称为JavaFX)是Sun微控制系统公司合作开发的一种declarative, statically typed(声明性的、静态类型)脚本词汇。JavaFX技术有着良好的前景,主要就包括能直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、宠信性和封装性,如包、类、继承和单独编译和发布单元,那些特性使得使用Java技术创建和管理大型程序 变为可能。

不管用的人多少,毕竟是从sun开始,现在是oracle,相信会有一个广阔的市场,但是确实不知道有哪个公司用这个架构合作开发!

现阶段国内常用、因此强悍实用的web后端合作开发架构就是那些,希望通过我的整理能帮助到大家.

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务