Web前端知识：前端框架的介绍
⾸先我想说明⼀下，我们通常说的js不是框架，是语⾔，即javascript，据最新世界编程语⾔排⾏榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。jQuery是⽤js写的框架，其在DOM操作上有很明显的⾄于之外还要学习那些框架呢？
如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，⽐如楼上提到的extjs，近⼏年⽐较流⾏的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquery mobile，还有适合写后端或服务端的node，等等。
如果是web前端框架，就不仅仅是涉及的js了，还有html和css。个⼈觉得只有这三种语⾔都涉及到的框架才能说得上是web前端框架。现在⽐较⽕的是Bootstrap，还有Foundation，⽐较古⽼的有jqueryUI，easyUI等等，还有其他很多很多。如果还有常见框架
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、MiniUIangular和angularjs
⼜⼀个基于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，此外它还可以对不同级别的提醒使⽤不同的颜⾊。
以上这些框架虽然有些已经过时了，但他们的设计思维值得我们学习，框架没有好不好，看怎么灵活运⽤，学习前端重在分享。
未来前端开发框架的发展将是如何？
应该是像⾕歌的Angular这样，前端不只是显⽰⽽且还要有功能，能够做到MVC实现对应的数据控制，实现数据绑定等。同时进⼀步封装各种元素，减⼩JS的使⽤难度，让开发⼈员调⽤简单的⽅法或者函数就能完成各种效果和操作。前端开发框架将会为⽤户提供更好的视觉体验，更加接近桌⾯应⽤程序的效果。⽽且以后配合浏览器应该能够超出浏览器边框的限制等等。
web前端前景⼀⽚光明，参加知海匠库(www.zhihaijiangku) web前端课程，快速⼊⾏就业。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。