Bootstrap落伍了?那主流的前端框架都有哪些?

您所在的位置:网站首页 前端什么框架对搜索好 Bootstrap落伍了?那主流的前端框架都有哪些?

Bootstrap落伍了?那主流的前端框架都有哪些?

2024-03-22 22:32| 来源: 网络整理| 查看: 265

「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战」。

在我上一期写Bootstrap专栏系列文章的时候就有很多朋友回复说,你写点流行的东西吧,Bootstrap落伍了,已经被淘汰了。对于这个问题我当时只是简单的回复了一下,今天借着这个活动,我就详细的说一下吧。本文只针对小白,资深者就没必要看了。

1.什么是框架?

广义上说,框架就是为了规范做事的流程方法、简少工作量,或者出于统一风格等需要等提供一个总体的结构目录或者标准。就想盖房子的框架结构就是先建一个个的方框出来,在里面你再按照自己的要求装修。

1.jpg

我们高中写作文的时候,老师一再说什么“总-分-总”,这就是议论文的框架。我们做合同的时候,一般会有个参照模板,那个也是框架。

总而言之,框架就是提供了一个大体的结构和必须的公共部分,你只需要添加你独特的部分即可。

2.什么是前端框架?框架是如何分类的?

说前端框架,先要搞明白什么是前端。在软件开发领域,所谓前端指的是与界面直接相关部分,而与后台逻辑相关的部分则称为后端。 所谓的前端框架就是对界面部分进行封装,方便前端界面开发的框架。

前端框架还可以继续细分:

按照使用语言技术分为

css框架:Bootstrap、Layui、Zui、Amaze UI js框架:jQuery、Foundation、easyui、Angular、React、Node js UI库:Angular Material、Material UI、Evergreen UI、VUX(移动端)、element UI、iView、Naive-UI、jQuery UI、flex、extjs、MiniUI、QUICK UI 按照设备类型还可以分为 PC前端框架:开发电脑网站用的,上面的几种框架都支持 移动前端框架:开发手机端wap网站或App用的,比较有名的有uviewui和uni-app,其中前者是ui组件库,后者是js封装底层框架。 3.现在流行vue,Bootstrap过时了吗?

Bootstrap严格意义上来说不能称为真正的框架,更准确的说法叫UI组件库。与其他的框架比他们只是一些分离的可供单独调用的代码片段。而vue是一个js框架,这两者根本不是同一种东西,我接触过很多项目是综合vue和Bootstrap两种技术做的,二者不会有谁取代谁的说法。

要说取代Bootstrap,那只能是Layui、Zui、Amaze UI等,它们才是同一类东西,但是它们与Bootstrap相比,在可定制性,技术支持,技术实力,持续更新等方面都还有很大差距。

Bootstrap最近刚刚更新了V5.13版,另外几乎每年都更新几次,怎么会过时?之所以大家感觉最近不热门了,一是因为这个功能比较简单,该介绍的功能都介绍了,没什么可写的了,而不是没人用了,你看一下开源项目有多少是用的它做前端。第二个是css框架和js框架比相对简单,每个大的公司都有自己的ui库,所以一些大项目都不会用到,因为这些库本来就是为不会写界面的小公司或者个人准备的,就像你看书店里关于windows操作使用的书远远没有Linux的多一样,是windows不如linux流行吗,还是因为windows太简单,大多数人稍微摸索一下就会了,不值得买本书来学习?

4.js框架或js ui库做前端界面的优缺点

现在很流行vue等做前端界面,其优点有很多:

模块化开发,结构比较规范,可重用性高 实现局部刷新,响应比较快 可以装B,显得高大上

但是缺点也很致命:

学习门槛稍微有点高,初学者上手不太容易 如果是面向访客的内容,seo优化比较困难,虽然有很多方式可以改善,但都比较麻烦,其效果也不佳,这个对我来说是很致命的,因为我主要是做流量网站的,所以除了用户中心后台,其他部分我都直接用Bootstrap组件。 5. 最牛逼的项目都是纯手写的或者自己的框架

那些感觉用vue或者React就感觉自己很牛B的人该歇歇了,我认识的很多大牛,其公司的项目都是用的自有框架或者是纯原生代码开发的,极少用开源框架。对于开源库而言,大家无非是为了节省点时间和精力,把有限的精力用在业务流程上,至于用哪个,用着顺手就可以了,没什么高低贵贱。

本来打算介绍一下主流的框架及优缺点的,结果晚上陪孩子去看了场表演,没什么时间了,就简要介绍到这里吧,由于时间关系,举例的框架很不全面,分类可能也不太准确,希望大家留言指正,或者补充一下缺漏。

下一篇文章准备介绍一下php后端框架的情况,再然后这期正文准备写一下thinkphp6的教程,目前thinkphp5的视频教程网上到处是,thinkphp6的却不多,图文教程更是没有发现。如果感觉对你还有点用,欢迎给个赞,喜欢我的可以关注我,方便查看以后的文章。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3