CSS、JavaScript、Bootstrap、ElementUI和Vue的区别

一、CSS

CSS即层叠样式表(Cascading Style Sheets),是一种用来控制网页样式与布局的计算机语言。它描述了HTML元素应该如何在屏幕、纸张等媒体上显示。CSS控制文字颜色、字体、间距、布局等视觉效果。

二、JavaScript

JavaScript是一种网页脚本语言,用于创建网页的交互性和动态效果。JavaScript可以直接嵌入HTML页面,也可以通过外部文件引用。它可以响应用户的交互,改变网页内容,验证表单,创建动画效果等。

三、Bootstrap

Bootstrap是一个前端UI框架,包含了许多CSS样式表和JS插件,可以用来快速构建网页界面。它提供了常见界面元素的样式,如表格、按钮、导航等,并支持响应式布局。开发者可以通过复用Bootstrap样式来减少编码工作。

四、ElementUI

ElementUI是一套Vue的网页UI组件库,提供了丰富的组件用于构建页面,如布局、表单、导航、数据表格等。ElementUI基于Vue组件的思想,组件可复用且易于扩展。

五、Vue

Vue是一个JavaScript框架,用于构建用户界面。它采用声明式编程范式,通过直接在HTML模板中使用JS行为绑定来构建组件化的前端应用。Vue可以构建SPA单页面应用。

区别

• CSS/JS是网页开发的核心基础,Bootstrap/ElementUI/Vue都是在此基础上高级的框架和库。
• Bootstrap/ElementUI是UI组件库,Vue是应用框架。
• Bootstrap基于JS/CSS,ElementUI基于Vue组件。
• Vue关注构建应用,Bootstrap/ElementUI关注样式和组件。

总结

CSS/JS提供基础能力,Bootstrap/ElementUI提供组件,Vue用来组装应用。它们各自有不同的侧重点,但通常都是前端开发的重要工具。