1、Bootstrap:
Bootstrap 无疑是目前使用最广泛的 CSS 框架,GitHub 上长期稳占第一就足以说明问题。优点有很多,比如响应式设计,海量资源且简单易学。不过也有人吐槽 Bootstrap 稍显臃肿,但是Bootstrap5 彻底抛弃Jquery之后瘦身了不小,做前端的几乎是必学。
中文网站:https://www.bootstrap.cn
2、Bulmacss
Bulmacss样式库,是一个更轻量化、更易用的CSS框架,官方定位是,哪怕你不懂CSS也可以根据api快速构建web UI,这里简单的提一句bulma的所有样式都是基于class,只要给dom元素标签增加对应所需的class即可快速获得所需要的样式,是个易用性很强的CSS框架;两者最大的区别是,bulma是纯css,没有js,bootstrap有JS。当用vue.js,react.js时,带有js的css框架并不适合,需要纯的css框架。在好几个项目中用了vue bulma,感觉不错。 中文网站:https://www.bulmacss.cn 3、React:
React.js(React)是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。 注意这个和前面的Bootstrap和Bulmacss不同,主要是在UI渲染过程中,React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新,他通常还要和前面的两个配合。
官网:reactjs.org
4、Vue:
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库,准确来说不是一个框架,它聚焦在V(view)视图层。Vue 从一开始的定位就是尽可能的降低前端开发的门槛,让更多的人能够更快地上手开发。
官网:vuejs.org
5、Angular:
Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。它是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能,angularjs是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。angular入门很容易但深入后概念很多,学习中较难理解。
官网:https://angular.google.com
这里需要说明的是前两个是开发前端界面的,适合做网站内容,后面几个适合做企业网站后台或者不需要考虑seo的页面。另外前两个是一类,后面三个是一类,你可以结合使用两类中的各一个,例如Bootstrap React,或Bulmacss Vue等。