前端开发框架有哪些?

如题所述

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

1、vue-element-admin

一个基于vue2.0和Element的控制面板UI框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板已经非常成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌。

2、AdminLTE

非常流行的基于Bootstrap 3.x的免费的后台UI框架,这是一个非常老牌的后台管理系统模板,每个页面都是单独的html网页,适合前端入门新手用来做项目。

3、ant-design-pro

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

4、ng2-admin

这是基于Angular 2、Bootstrap 4和webpack的后台管理面板框架,要收前面已经有了React和vue技术栈的模板,那怎么能少了ng的?虽然在国外用的比较多,国内较少使用,但丝毫不影响ng作为前端框架三巨头之一的地位。

5:Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版,使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式,还有一系列功能强大的 jQuery 插件和工具,可快速创建管理界面模版或者后台的 Dashboard。

6:iview-admin

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

7:blur-admin

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

8:vue-manage-system

vue-manage-system,一个基于 Vue.js 和 element-ui的后台管理系统模板,挺喜欢这个界面的UI,简约清晰不累赘,多功能的后台框架模板,适用于绝大部分的后台管理系统开发。

9:material-dashboard

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

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

10:d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,基于 vue.js 和 ElementUI 的管理系统前端解决方案 ,小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11:vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板,采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件,如地图,聊天,个人资料卡,图标,进度条等,以及用于登录和注册的预建页面。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-11-16

虽然市场中有很多的前端框架,但部分UI框架是属于组件库,然而QUICK UI跟当下流行的三大底层框架React、Vue和Angular不同,QUICK UI提供了一整套前端解决方案,包括前后端分离的开发框架、100多种功能强大的UI控件、几十套精美的皮肤模板和近16万字的开发文档,满足你所以开发项目都不是问题。

1.Node.Js

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

2.angular.Js

描述:AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

用途:通过描述我们应该就能很好的明白AngularJS的真实用途了,MVVM,模块化,自动化双向数据绑定等等。除了简单的dom操作外,更能体现Js编程的强大。当然应用应该视场合而定。
它的出现比较早,也是曾经比较流行的前端js框架,但是今年来随着reactJS与VueJS的出现,它的热度在慢慢降低。

3.Vue.js(目前市场上的主流)

描述:Vue.js 是用于构建交互式的 Web  界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。
目前市场上比较流行的前后端分离的开发模式,大多前端都是vueJS做的,具体的优点请大家看官方文档。

以上就是我总结的几个目前市场上最为流行的一些前端框架。

本回答被网友采纳
第2个回答  2019-11-08

前端有三大开发框架,Angular、React、Vue。

目前看来,Angular是一个很详细,很工程的框架,cli命令齐全,涉及到模块、服务以及指令等概念,而其他两款就简洁很多。当然,在大型web应用的开发上,Angular当然有无可替代的优势,它能整合Typescript和Rxjs的优势,集合工程化和开发速度为一身,不过对于JavaScript工程师来说,可能接受起还是比较困难的。

相比而言vue就更适合小型应用了,其实绝大部分web应用,都应该只是小型应用。公司官网,论坛,甚至是规模不大的电子商务网站和基本功能的OA,ERP系统,都只是小型web应用。它们数据源稳定,对于运营的要求不高,但是对加载速度等都有很高的要求。这个时候,小巧的vue就成了首选。Proxy实现的响应式很容易上手,不需要额外地进行学习。生态虽然没有react那么复杂但是小巧精悍的库也很多,nuxt的实现也很好。

如果是有个性化的需求,那react是一个不错的选择。

在中大型应用中,在前端这种对工期要求很紧的领域,没必要因为添加新功能而更换新的平台。采用react,从项目一开始就渐进式地添加模块,很适合发展快速产品
当然除了这三大框架,还有很多广泛运用的框架:Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube。还有一些就不一一列举出来了,总之,灵活运用框架,将会得到意想不到的效果,学习前端的路是没有尽头的,要多交流与进步。

第3个回答  推荐于2019-10-24

前端框架分很多种,可以把bootstrap也叫作前端框架,也可以把jQuery zepto等叫做前端框架,当然AngularJS Backbone也叫做前端框架。不同就在于他们所针对的意义不一样bootstrap是目前桌面端最为流行的开发框架,一经 Twitter 推出,势不可挡。Bootstrap 主要针对桌面端市场,Bootstrap3 提出移动优先,不过目前桌面端依然还是 Bootstrap 的主要目标市场。偏向于大而全,你想加个导航可以有,加个按钮可以有。

像是超市,要什么直接搬出来就可以。jQuery, Zepto则更“高级”,或者说更“低级”一些,他并没有直接给你提供按钮 事件响应等,而且帮你设置好了许许多多的方法,需要什么自己来实现,所以不仅限于按钮,You can do better。

像是工具箱,里面只有扳手和锤子,虽然不可以直接吃直接用,但是可以造出房子,造出生产吃的的机器(成品)。而AngularJS和Backbone则更高级了,当然也更“低级”。他们的意义不在于如何吃,如何造。而更像是如何吃的更香,如何让吃的看起来更像以及如何吃起来看着更香……AngularJS很伟大的一点之一就是实时,这一点改变了很多很多,而且意义非凡,将传统的“点一下,弹一下”,变成了“ ”

本回答被网友采纳
第4个回答  2021-01-04
目前比较流行的前端三大框架是Angular、React、Vue,三者各有所长。
1、Angular
Angular是一个JavaScript框架,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular通过指令扩展了HTML,以一个

JavaScript文件形式发布,通过script标签添加到网页中。Angular的优势在于:零配置、深度整合设计模式、约定才是框架的本质。不过对于JavaScript工程师来说,少有工程化的经验,学习起来会比较痛苦。
2、React
React是一个Facebook和Instagram用来创建用户界面的JavaScript库,用于构建页面、Javascript库。主要功能是对DOM操作,声明式设计,更快的开发出Web应用系统。借助React,你可以非常轻松地创建用户交互界面,为你应用的每一个状态设计简洁的视图。在数据改变时,React也可以高效地更新渲染界面。
3、Vue
Vue是用于构建交互式的Web界面的库,它提供了MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的

API。从技术上讲,Vue集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的DOM操作和输出格式被抽象出来成指令和过滤器,相比其它的MVVM框架,Vue更容易上手。本回答被网友采纳
相似回答