将BootstrapJS和AngularJS结合使用以及为什么不用jQuery

来源：蜘蛛抓取(WebSpider) 时间：2017-05-06 08:09 标签： 疏堵结合

最近在进行vue.js+webpack进行模块化开发的时候遇到一个奇怪的问题。

生效的顺序和范围变了

我搜索了一些文章，说bootstrap的样式覆盖是因为我按照CSS优先级机制尽量精确地设置了选择器，但是效果并不理想应为并不清楚bootstrap的选择器到底是如何设置的，有些选择器非常强大一直覆盖我的css。而且调试非常困难因为在dev模式下是正常的，我只能不停地改cssbuild，copy到negix刷线页面……来调试。

虽然也有人说用!important来暴力解决，但是首先这并不优雅其次，有些居然设置了!important也不起作用（what the fuck...）

在模块化vue开发中，<style>标签可以设置scoped属性如果设置了scoped属性，这个style就是只属于本模块不会产生全局影响。按道理来说這样的话设置scope只会让我自定义的style作用范围更小，更不能覆盖掉全局引用的bootstrap的css了然而。。我设置了scope之后神奇的事情发生了。我的css在build後起作用了


你对这个回答的评价是

下载百喥知道APP，抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

方式让前端既成为令人难以置信的工具。 但是把它们放在一起使用还有一些问题，特别是当你试图在Angular的项目中引...

你对这个回答的评价是

下载百度知道APP，抢鲜体验

使鼡百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

我要回帖

更多关于 疏堵结合 的文章

 

随机推荐