什么才是真正的前端框架？前端框指的是哪些？那UI框架呢？

bandaoyu 2019-03-28 01:23:55

如何定义解释Vue、AngularJS、React、bootstrap、easyUI 使人容易理解？

应该如何定义和解释这些框架：Vue、AngularJS、React、Bootstrap、easyUI 使人更加快速和容易理解？
发现网络上人们给上面这些框架的命名比较混乱，让人容易混淆（云里雾里的好难受）。
现在基本上绝大部分资料都把这些框架称之为“前端框架”，但是我简单了解了下，发现
Vue、AngularJS、React 和 Bootstrap、easyUI 根本就不是一个东西。
Vue 这些好像还带了数据变化自动刷新等等这些功能，而Bootstrap就仅仅只是界面的布局和排版（门外汉，理解错的请指出）。

所以我觉得上面这些框架是不是应该这样划分：
前端框架：Vue、AngularJS、React （还有其他的话请补充，只列主流的）
界面框架/UI框架：Bootstrap、easyUI（还有其他的话请补充，只列主流的）
至于简单介绍让人！清晰！易懂，我因为自己也不太清楚，所以想向熟悉的各位咨询，欢迎各位谈自己的理解和总结，让更多的人轻松了解，也尽量不要在让错误的概念一直“折磨”后来者。

...全文

2234 40 打赏收藏转发到动态举报

写回复

用AI写文章

40 条回复

切换为时间正序

请发表友善的回复…

发表回复

长沙浏阳大石头 2021-07-19

打赏
举报

IT很多文档都不怎么说人话，故作高深，这是我最恨的一点。
简单来讲：
1.vue.js 、angularJs、react是前端框架，定义你的编写规则，是房屋的框架、承重墙、地基；
2.elementUI、extJs、是基于框架做的组件库；比如输入框、下拉框、单选框；凡属带了UI结尾的，都是组件库。都是输入框这些。。明白了吗？

bandaoyu 2020-02-19

打赏
举报

Bootstrap和layui 只是UI框架，就是UI的模板化 vue angular react 才是框架为什么是框架呢，因为受到了后台的OOP AOC的思想的影响。

zyuner 2020-02-12

打赏
举报

看了前几个回复，心里贼不得劲，必须注册一下发个评论挺一下楼主哈哈哈哈哈！我是做 UI 的，不懂开发，但真的很想搞清楚这些东西之间的关系……搜索进来，看了楼主的分类，明白了一点点，看完评论感觉又回去了……有好多不明白的，求各位大佬指点啊啊啊！感激不尽！ 1. 【UI 框架有模板，所以不只是库】：这个“模板”和“库”分别指啥呀？ 2. 【前端框架除了 UI 模板还有数据模板】：这个“数据模板”又是啥呀？ 3. 比如，Element 官网上说自己是【基于 Vue 2.0 的桌面端组件库】，所以，Vue 是【前端框架】，Element 是基于 Vue 开发的【UI 组件库】。可是，vue-element-admin 又说自己是【后台前端解决方案，基于 vue 和 element-ui 实现】，那它又属于什么，和 Element 之间的关系是啥？ 4. 为啥 Bootstrap 的官网上又说自己是【前端开发框架】，说 React 是基于 Bootstrap 开发的？太难了……求各位大佬帮帮忙……

bandaoyu 2019-12-17

打赏
举报

引用 36 楼 qq_43299047 的回复:

楼主的问题对我来说很有意义，或者说我也希望可以像楼主用这种方式学习并且思考和更好的理解各种知识体系之间的关系。哈哈，这话说的都不太通顺，总的来说，这种帖子更好的帮助了我，以此感谢楼主和底下的小伙伴们热心回答，nice。

行业内还有很多这样的现象比如多路复用。看着这个很迷糊，

qq_43299047 2019-12-07

打赏
举报

楼主的问题对我来说很有意义，或者说我也希望可以像楼主用这种方式学习并且思考和更好的理解各种知识体系之间的关系

。哈哈，这话说的都不太通顺，总的来说，这种帖子更好的帮助了我，以此感谢楼主和底下的小伙伴们热心回答，nice

。

ccj1987 2019-09-03

打赏
举报

引用 30 楼 bdview 的回复:

是你无法准确理解作者的问题。人家问的并不是怎么用，哪个好用。而是“如何定义”现有的几个框架“使人快速容易理解”。你们几个人扯一堆开发的的东西。我觉得题主这个问题很有意义，再翻译外文的过程中，有些人翻译不准确，导致传播的人越多，困扰对人越多。那些说不管它用了就知道了的人，大概是没选过型，开发的方向也比较专一的人吧。这些人不知道世界上还有这么一种是就是兼职或者全栈开发工程师，对他来说，前端的工作只是他的兼职或者全部工作很小的一部分，越清晰明了的定义越能节约他们的时间。同时定义混乱在it各领域都有，已经造成了困扰，所以楼主题的问题非常有意义。

这个问题就是很有意义啊,只有这位理解了题主的关切.我已经百度这个问题一个上午了.难得点出了这是全栈的关切.厉害了.

Dannnnn1 2019-05-30

打赏
举报

引用 30 楼 bdview 的回复:

是你无法准确理解作者的问题。人家问的并不是怎么用，哪个好用。而是“如何定义”现有的几个框架“使人快速容易理解”。你们几个人扯一堆开发的的东西。我觉得题主这个问题很有意义，再翻译外文的过程中，有些人翻译不准确，导致传播的人越多，困扰对人越多。那些说不管它用了就知道了的人，大概是没选过型，开发的方向也比较专一的人吧。这些人不知道世界上还有这么一种是就是兼职或者全栈开发工程师，对他来说，前端的工作只是他的兼职或者全部工作很小的一部分，越清晰明了的定义越能节约他们的时间。同时定义混乱在it各领域都有，已经造成了困扰，所以楼主题的问题非常有意义。

感觉评论里就你理解对了题主的问题

，我也觉得题主的问题非常有意义，因为我刚自学前端的时候，也对这个部分迷惑了好久。。。不好意思，我第一次用这个论坛，不太会操作，重新回复一遍

Dannnnn1 2019-05-30

打赏
举报

引用

是你无法准确理解作者的问题。人家问的并不是怎么用，哪个好用。而是“如何定义”现有的几个框架“使人快速容易理解”。你们几个人扯一堆开发的的东西。我觉得题主这个问题很有意义，再翻译外文的过程中，有些人翻译不准确，导致传播的人越多，困扰对人越多。那些说不管它用了就知道了的人，大概是没选过型，开发的方向也比较专一的人吧。这些人不知道世界上还有这么一种是就是兼职或者全栈开发工程师，对他来说，前端的工作只是他的兼职或者全部工作很小的一部分，越清晰明了的定义越能节约他们的时间。同时定义混乱在it各领域都有，已经造成了困扰，所以楼主题的问题非常有意义。

感觉评论里就你理解对了题主的问题

，我也觉得题主的问题非常有意义，因为我刚自学前端的时候，也对这个部分迷惑了好久。。。

荇䔽Boso 2019-03-30

打赏
举报

我怀疑作者本身都无法准确分类，除非你是研究开发的，你是开发框架本身，那你必须抠清楚，不然很容易抄袭，越界。但是，如果你只是拿来做工具。。那就没必要抠那么广，你需要的是构建更好更大型的前端页面，最好一次性上线无bug。nba球员不需要知道耐克怎么把鞋造的又好又耐用，他们需要找到总冠军的方法。

你现在，等于詹姆斯讨论阿迪好还是耐克好，他要穿高帮还是低帮。。

cjyyf 2019-03-30

打赏
举报

都是大神啊，好好学习

bandaoyu 2019-03-30

打赏
举报

引用 27 楼取经是重中之重的回复:

别ui框架了吧 ui库ui组件都比框架准确

不只是库，UI框架有模板，所以不只是库。前端框架除了UI模板还是数据模板，所以不只是组件和库，

取经是重中之重 2019-03-30

打赏
举报

别ui框架了吧 ui库ui组件都比框架准确

bdview 2019-03-30

打赏
举报

引用 29 楼荇䔽Boso 的回复：

我怀疑作者本身都无法准确分类，除非你是研究开发的，你是开发框架本身，那你必须抠清楚，不然很容易抄袭，越界。但是，如果你只是拿来做工具。。那就没必要抠那么广，你需要的是构建更好更大型的前端页面，最好一次性上线无bug。nba球员不需要知道耐克怎么把鞋造的又好又耐用，他们需要找到总冠军的方法。你现在，等于詹姆斯讨论阿迪好还是耐克好，他要穿高帮还是低帮。。

是你无法准确理解作者的问题。人家问的并不是怎么用，哪个好用。而是“如何定义”现有的几个框架“使人快速容易理解”。你们几个人扯一堆开发的的东西。我觉得题主这个问题很有意义，再翻译外文的过程中，有些人翻译不准确，导致传播的人越多，困扰对人越多。那些说不管它用了就知道了的人，大概是没选过型，开发的方向也比较专一的人吧。这些人不知道世界上还有这么一种是就是兼职或者全栈开发工程师，对他来说，前端的工作只是他的兼职或者全部工作很小的一部分，越清晰明了的定义越能节约他们的时间。同时定义混乱在it各领域都有，已经造成了困扰，所以楼主题的问题非常有意义。

bdview 2019-03-30