现在前端流行的框架有什么

一、现在前端流行的框架有什么

现在前端主要流行三大框架。给大家具体分析一下这三个前端框架：

大家眼里比较“叼”的框架，甚至有人说三大框架中只有她能称的上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用 TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。

这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。

号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。

当你学会其中某个框架之后，你再转用其他框架的时候，学会是很容易的，因为方法都是大同小异的。具体的使用还是得看公司的项目适合或者要求哪个框架。

二、前端什么框架更好用

前端框架好不好用还是要具体情况具体分析，我这边给你推荐11个常用的框架，你可以按需使用。

一个基于 vue2.0和 Eelement的控制面板 UI

框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

非常流行的基于 Bootstrap 3.x的免费的后台 UI

框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

这是基于 Angular 2, Bootstrap 4和 Webpack

的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的?虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

Gentelella是一个可免费使用的 Bootstrap管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3

的样式，还有一系列功能强大的 jQuery插件和工具，可快速创建管理界面模版或者后台的 Dashboard。

iView admin是基于 iView的 Vue 2.0控制面板。搭配使用 iView UI组件库形成的一套后台集成解决方案。

BlurAdmin是一款使用 AngularJs+ Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

vue-manage-system，一个基于 Vue.js和 element-ui

的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

基于 Bootstrap 4和 Material风格的控制面板。Material Dashboard是一个开源的 Material

Bootstrap Admin，其设计灵感来自谷歌的 Material Design。

D2Admin是一个完全开源免费的企业中后台产品前端集成方案，基于 vue.js和 ElementUI的管理系统前端解决方案，小于 60kb

的本地首屏 js加载,已经做好大部分项目前期准备工作

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap

4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

三、前端开发框架有哪些

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风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。

Fbootstrapp基于Bootstrap并且提供了跟Facebookiframeapps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。

BootMetro框架的灵感来自于MetroUICSS，基于Bootstrap框架构建，用于创建Windows8的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。

Kickstrap是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。

App是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js,Retina.js,FirebugLite,andUpdater，你也可以自行添加更多的app。

选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。

附加功能是一些用来扩展BootstrapUI库的附件，它们的语法基本相同或者相似。