Web前端知识：前端框架的介绍

首先我想说明一下，咱们一般说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，如今基本上是基于ECMAScript5。jQuery是用js写的框架，其在DOM操做上有很明显的优点，也是时下很经常使用的一个js框架。
至于以外还要学习那些框架呢？
若是你说的是js框架，建议先掌握好jQuery，而后还有不少的，好比楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquery mobile，还有适合写后端或服务端的node，等等。
若是是web前端框架，就不只仅是涉及的js了，还有html和css。我的以为只有这三种语言都涉及到的框架才能说得上是web前端框架。如今比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其余不少不少。若是还有算上处理方案及版本升级代码迭代等，就要用到百度团队研发的fis这种了。其实内容真的不少不少，前端任重而道远啊~

常见框架

一、flex

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

 

须要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex 4.8也不是一个正式的Apache版本。

Apache称，该版本标志着Flex新时代的开始，Flex的将来将由社区来驱动，而不是由一个公司驱动。开发者能够经过贡献代码，来帮助改进Flex，如修复bug、增长功能等。

从Macromedia卖给Adobe，而后又捐给apache，不知道搞什么名堂。不过还好没有通过大幅重构，不然就真的是悲哀了！
 

二、extjs

ExtJS是一种主要用于建立前端用户界面，是一个基本与后台技术无关的前端ajax框架。

功能丰富，无人能出其右。

不管是界面之美，仍是功能之强，ext的表格控件都高居榜首。

 

华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！
 

三、easyui

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

它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，很是小巧并且功能丰富。

 

可是她有一个最大的问题就是代码只能找到之前的开源的版本，到了1.2之后的版本源代码都是通过混淆的，若是遇到问题修改起来会很是麻烦！不过一个比较大的优点是开源免费，而且界面作的还说的过去！
 

四、MiniUI

又一个基于jquery的框架，开发的界面功能都很丰富。

jQuery MiniUI – 快速开发WebUI。

它能缩短开发时间，减小代码量，使开发者更专一于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

使用MiniUI，开发者能够快速建立Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

界面作的挺不错，功能也挺丰富，可是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发若是想对功能作扩展就须要找他们的团队进行升级！
 

五、jQuery UI

jQuery UI 是一套 jQuery 的页面 UI 插件，包含不少种经常使用的页面空间，例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等很是多的内容。

功能很是全面，界面也挺漂亮的，能够总体使用，也能够分开使用其中的几个模块，免费开源！
 

六、DWZ

DWZ富客户端框架(jQuery RIA framework), 是中国人本身开发的基于jQuery实现的Ajax RIA开源框架.

设计目标是简单实用,快速开发,下降ajax开发成本。

欢迎你们提出建议，咱们将在下一版本中进一步调整和完善功能．共同推动国内总体ajax开发水平。

 

毕竟是国产的，支持一下，并且源码彻底公开，能够选择一下！不过性能怎么样不敢肯定！
 

七、GWT

Google 网页工具包——GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT很是相似。熟悉Java AWT的开发者不须要花费多大的力气就可以快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程当中。

你不用去了解这样那样的javascript框架，经过java你就能够写出功能丰富的界面，能够作单元测试，毕竟是google的产品，严重支持一下！
 

八、YUI

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

YUI Compressor却是挺出名的，这套UI库不知道应用的状况怎么样！

九、Sencha

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

大公司的框架，而且是几样库的强强联合，值得推荐！
 

十、Dojo

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

Dojo是一个用javascript语言实现的开源DHTML工具包。

有多个基金会的支持，包括IBM和SUN，都是软件界的泰斗，值得信赖！
 

十一、ZK

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

在线的demo

设计器的demo

日历组件

功能丰富，全面，文档齐全，并且升级了不少次，很是值得推荐！
 

十二、OperaMasks-UI

OperaMasks- UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前，该团队已将这一产品以LGPL 开源协议开放给社区。

文档丰富，功能齐全，并且很容易使用和开发！并且是国产的哟！
 

1三、JavaFX

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

 

1四、Boostrap

好比最近很流行的Boostrap开发框架。它是Twitter公司开发的一个基于HTML、CSS和JavaScript的技术框架，集合了最新的前端技术，为实现Web应用程序快速开发提供了一套前端工具包，包括布局、栅格、表格、按钮、表单、导航、提示等。项目始于2011年8月，至今才刚满两年，可是Bootstrap旋风却已刮遍了整个互联网。各类较小的网站就不提了，国内外不少较有名的网站也采用了Bootstrap。对于设计能力不强也没有太多时间去设计前端界面的用户来讲，Bootstrap价值巨大。Bootstrap的目的就是帮助开发人员快速开发原型，避免常常从零开始绘制白底黑边的裸图。

 

　　Bootstrap框架提供一级的视觉效果，且应用视觉效果是一致的，这一点实际上是很难实现的。使用Bootstrap能够确保整个Web应用程序的风格彻底一致，用户体验一致，操做习惯一致。若是但愿整个网站的连接、按钮、提醒都有统一的视觉效果，那就应该绝不犹豫地选择Bootstrap，此外它还能够对不一样级别的提醒使用不一样的颜色。

以上这些框架虽然有些已通过时了，但他们的设计思惟值得咱们学习，框架没有好很差，看怎么灵活运用，学习前端重在分享。

 

将来前端开发框架的发展将是如何？

 

应该是像谷歌的Angular这样，前端不仅是显示并且还要有功能，可以作到MVC实现对应的数据控制，实现数据绑定等。同时进一步封装各类元素，减少JS的使用难度，让开发人员调用简单的方法或者函数就能完成各类效果和操做。前端开发框架将会为用户提供更好的视觉体验，更加接近桌面应用程序的效果。并且之后配合浏览器应该可以超出浏览器边框的限制等等。

 

web前端前景一片光明，参加知海匠库(http://www.zhihaijiangku.com) web前端课程，快速入行就业。