一、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用来组装应用。它们各自有不同的侧重点,但通常都是前端开发的重要工具。