web前端开发常用框架 web前端开发框架有哪些

我爱编程网小编给大家带来了web前端开发常用框架 web前端开发框架有哪些相关文章，一起来看一下吧。

web前端三大主流框架都是什么？

web前端三大主流框架都是Angular、React、Vue。

1、AngularAngular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从angular的出现让我们有了新的选择，它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2、ReactReact，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3、VueVue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

现在主流的三大框架是：Angular，React，Vue。AngularJS诞生于2009年，由MiskoHevery等人创建而成，后来被Google收购，AngularJS弥补了HTML在构建应用方面的不足，它是一款优秀的前端JS框架，通过使用标识符结构来扩展Web应用中的HTML词汇，使得开发者能够使用HTML来声明动态内容。

React是一个Facebook和Instagram用来创建用户界面的JavaScript库。很多人认为React是MVC中的V（视图）。我们创造React是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。

React可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时React也可以高效地更新渲染界面。

近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的web界面的渐进式框架。

Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件，相比其它的MVVM框架，Vue.js更容易上手。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。

web前端开发框架有哪些

常见的web前端开发框架如下：

1、Bootstrap：

主流框架之一，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。

2、html5-boilerplate：

该框架可以快速构建健壮，且适应力强的webapp或网站。

3、Meteor：

Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。

4、Materialize：

基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。

5、AmazeUI：

国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架AmazeUITouch以及针对跨屏HTML5网页开发的AmazeUIWeb。

扩展资料：

web框架程序的作用：

Web框架使得在进行Web应用开发的时候，减少了工作量。Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。

使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码写入框架就可以。也就是说，通过对Web框架进行主观上的“缝缝补补”，就可以实现自己进行Web开发的需求了。

以PHP为例，PHP可以在apache服务器上进行Web开发，而不必使用框架。使用PHP进行开的时候，在不适用框架的情况下，数据库连接就需要自己来实现，页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作，而使用PHP在不用框架的情况下，这部分要自己做。

目前常用的一些前端的框架

目前常用的一些前端的框架如下：

1.Bootstrap

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：

脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。

基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。

组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（buttongroups），导航面板（navigationcontrol）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progressbars），媒体对象（mediaobjects）等等。

JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tooltips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。

Bootstrap已经足够强大，能够实现各种形式的Web界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。

jQueryUIBootstrap——对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把Bootstrap的清爽界面组件引入到jQueryUI中。

jQueryMobileBootstrapTheme——和上面提到的jQueryUI主题类似，这是一个为jQuerymobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。

FuelUX——它为Bootstrap添加了一些轻量的JavaScript控件。FuelUI安装，修改，更新以及优化都很简单方便。

info——Bootstrap提供了自己的几种界面风格，提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。

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

Bootswatch——提供大量免费的Bootstrap主题。

Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于BootstrapHTML/CSS/JavaScript架构的免费元素。

LayoutIt——通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。

2、flex

Apache基金会发布了Flex4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本

需要注意的是

2014年03月10日，ApacheFlex技术社区发布了全新的ApacheFlex4.12.0版本，该版本是ApacheFlex4.11.0的升级版本，改进的功能包括：

◆支持最新版本的FlashPlayer

◆支持最新的AIR运行时

◆改进了内存占用和性能

◆改善了针对移动平台的组件的样式

◆支持iOS7系统

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

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

3、extjs

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

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

无论是界面之美，还是功能之强，ext的表格控件都高居榜首。

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

4、easyui

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

它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。 我爱编程网

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

5、MiniUI

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

jQueryMiniUI_快速开发WebUI。

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

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

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

6、jQueryUI

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

功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！

7、DWZ

DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.

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

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

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

8、GWT

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

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

9、YUI

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

YUICompressor倒是挺出名的，这套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为基础的使用接口设计语言ZKUser-interfacesMarkupLanguage(ZUML)。

功能丰富，全面，文档齐全，而且升级了很多次，非常值得推荐！

13、OperaMasks-UI

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

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

14、JavaFX

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

以上就是我爱编程网小编给大家带来的web前端开发常用框架 web前端开发框架有哪些，希望能对大家有所帮助。