干货帖!Web前端开发框架有哪些?

导语:在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。以下是前端框架的一些集锦,都非常优秀,前端框架好不好,看如何组合使用,以下这些各有所长,灵活选用,能让你的页面完美。
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。
以下是济南优就业it培训小编整理的前端框架的一些集锦,都非常优秀,前端框架好不好,看如何组合使用,以下这些各有所长,灵活选用,能让你的页面完美,有更好的框架希望大家留言分享,互相学习,这样大家都很快的提升自己的水平,从而为推动前端的发展做贡献。
1、flex
apache基金会今天发布了flex 4.8版本,这是adobe将flex捐献给apache基金会后发布的第一个版本。
需要注意的是,flex目前还在孵化阶段,还不是apache的正式项目,flex 4.8也不是一个正式的apache版本。
apache称,该版本标志着flex新时代的开始,flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进flex,如修复bug、增加功能等。
从macromedia卖给adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!
2、extjs
extjs是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
功能丰富,无人能出其右。
无论是界面之美,还是功能之强,ext的表格控件都高居榜首。
华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!
3、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。
但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!
4、miniui
又一个基于jquery的框架,开发的界面功能都很丰富。
jquery miniui – 快速开发webui。
它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
使用miniui,开发者可以快速创建ajax无刷新、b/s快速录入数据、crud、master-detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型web应用系统界面。
界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
5、jquery ui
jquery ui 是一套 jquery 的页面 ui 插件,包含很多种常用的页面空间,例如 tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!
6、dwz
dwz富客户端框架(jquery ria framework), 是中国人自己开发的基于jquery实现的ajax ria开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!
7、gwt
google 网页工具包——gwt 提供了一组基于java语言的开发包,这个开发包的设计参考java awt包设计,类命名规则、接口设计、事件监听等都和awt非常类似。熟悉java awt的开发者不需要花费多大的力气就能够快速的理解gwt开发工具包,将更多地时间投入到gwt应用的开发过程中。
你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下!
8、yui
yahoo! ui library (yui) 是一个开放源代码的 javascript 函数库,为了能建立一个高互动的网页,它采用了ajax, dhtml 和 dom 等程式码技术。它也包含了许多 css 资源。使用授权为 bsd许可证,基本上没怎么研究过!
yui compressor倒是挺出名的,这套ui库不知道应用的情况怎么样!
9、sencha
sencha 是由 extjs、jqtouch 以及 raphael 三个项目合并而成的一个新项目。
大公司的框架,并且是几样库的强强联合,值得推荐!
10、dojo
在国内应用好像不是很广,不过性能上应该没问题。
dojo是一个用javascript语言实现的开源dhtml工具包。
有多个基金会的支持,包括ibm和sun,都是软件界的泰斗,值得信赖!
11、zk
zk是一套以 ajax/xul/java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计ajax网络应用程式时,轻松简便的操作就像设计桌面程式一样。 zk包含了一个以ajax为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的xul与html组件,以 及以 xml 为基础的使用接口设计语言 zk user-interfaces markup language (zuml)。
在线的demo
设计器的demo
日历组件
功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐!
12、operamasks-ui
operamasks- ui是operamasks团队 2011下半年打造的一款轻量级前端js组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 javascript ui组件库。目前,该团队已将这一产品以lgpl 开源协议开放给社区。
文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!
13、javafx
sun 公司(已于2009年被oracle公司收购)在2008年12月05日发布了javafx技术的正式版,它使您能利用 javafx 编程语言开发富互联网应用程序(ria)。javafx script 编程语言(以下称为javafx)是sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。javafx技术有着良好的前景,包括可以直接调用java api的能力。因为 javafx script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用java技术创建和管理大型程序变为可能。
14、boostrap
比如最近很流行的boostrap开发框架。它是twitter公司开发的一个基于html、css和javascript的技术框架,集合了最新的前端技术,为实现web应用程序快速开发提供了一套前端工具包,包括布局、栅格、表格、按钮、表单、导航、提示等。项目始于2011年8月,至今才刚满两年,但是bootstrap旋风却已刮遍了整个互联网。各种较小的网站就不提了,国内外很多较有名的网站也采用了bootstrap。对于设计能力不强也没有太多时间去设计前端界面的用户来说,bootstrap价值巨大。bootstrap的目的就是帮助开发人员快速开发原型,避免经常从零开始绘制白底黑边的裸图。
bootstrap框架提供一级的视觉效果,且应用视觉效果是一致的,这一点其实是很难实现的。使用bootstrap可以确保整个web应用程序的风格完全一致,用户体验一致,操作习惯一致。如果希望整个网站的链接、按钮、提醒都有统一的视觉效果,那就应该毫不犹豫地选择bootstrap,此外它还可以对不同级别的提醒使用不同的颜色。
以上这些框架虽然有些已经过时了,但他们的设计思维值得我们学习,框架没有好不好,看怎么灵活运用,学习前端重在分享。