Bootstrap
Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
特点是栅格系统,使用简单,上手容易。专为响应式页面而生,一套代码就可以自适应平板电脑和PC。
缺点在于,缺少一套有力的成体系的组件(当时调查的时候还没有,现在据说有了),我在实际使用时,发生了作用域冲突的问题, 如果没有整理好一整套组件,开发很累。
【相关教程推荐:bootstrap视频教程】
vue.js
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js是一款流行的开源 JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。
特点在于, 站在了React的肩膀上, 许多方面更出色了:
1. 数据的双向绑定,数据改,页面改。页面改,数据也改。
2. 页面的呈现据说比React还快。
3. 组件化(实际上React也有组件化)。这和BootStrap这种组件化的概念还有点不同,Vue的组件化,已经把作用域冲突的问题给搞定了。另外, js测试也变得更专业化了(有点类似junit)。
4. 单html开发,它的开发模式是一个html, 然后不停替换组件对应的js来切换显示效果。 html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快。
5. 结合node.js提供的webpack等,可以进行成体系的打包发布。
缺点在于,上手难度比较高,并且大规模开发的化,需要有体系化开发的积累。Vue的组件化开发推荐使用。Element: http://element.eleme.io/#/zh-CN/component/popover
更多web前端知识,请查阅 HTML中文网 !!
以上就是Bootstrap和vue.js的区别是什么?的详细内容,更多请关注0133技术站其它相关文章!