小编tim*_*mmy的帖子

我在 Sass 中有一个带有键和值的地图

 $colors: (blue: #0081d2, green: #288600, orange: #e57323);

 @each $color, $value in $colors {
    .#{$color} {
        color: $value; 
    }
 }

这有效并为我提供了具有适当值的 css 类名，例如：

 .blue{
    color: #0082d1;
 }

想要的是一个函数，它根据地图中的键生成 sass 变量。

 $blue:  #0082d1;
 $green: #288600;

我一直在打破我的头，但无法让它发挥作用。

我对网络开发很感兴趣,我的意思是像facebook或twitter这样的大项目.我知道java,css,php和mysql的基础知识.我知道那里还有更多.我读到了它.但我不知道目的是什么以及如何落实到位.

例如:Scribe,thrift,casandra,Unix/Linux,shell/perl/python脚本,PostgreSQL,MongoDB,非关系型NoSQL数据存储,JVM,nginx

我想知道为什么他们需要它,他们如何使用它以及它的目的是什么.

我需要的是一本书,就像facebook的傻瓜技术背景一样.有没有书籍或网站从头开始解释这个？

谢谢!

编辑:

谢谢您的回答!你一直非常乐于助人.我是在假设,经验丰富的程序员几乎都知道今天使用的技术.但正如我所读,你只能知道这么多,我需要弄清楚使用哪种技术.我鼓励开始建设小型.并将采取PHP并从那里提高我的技能.

再次感谢!

我正在使用Bootstrap 3.我有两行.第一行有4x3列.第二行有一列3和1列9. 9列的高度是所有其他列的两倍.我想在第二行的第3列下面添加一列.我已经制作了一张图片来解释它.

绿色在一排,紫色在一排.我试图将黄色放在它自己的行中,但是它显示在左边但不是在小紫色块的底部.我还把小紫色和黄色的块放在同一行上,但它们彼此相邻显示,下面有90块.

我有一个带有 bootstrap-vue 项目的 VueJS。一个选项卡列表被渲染，但它大于父级的宽度。所以我想要一对按钮从左到右滚动列表。

我找到了这个例子，我在自己的项目中工作。 在 VueJS 中使用按钮进行水平滚动 但我无法让它与选项卡一起使用。

在我针对 .nav-tabs 的方法中，因为这是一个呈现给 DOM 的类。我试图用 .$refs 找出它，但无法到达实际元素，因为该元素仅在渲染后可见。

有人可以帮助让标签滚动。

https://jsfiddle.net/timmyl/xg8j7knb/19/

<div id="app">
  <div class="container">
    <b-row class="wrap" ref="wrap">
      <b-tabs content-class="mt-3">
        <b-tab v-for="category in categories" v-bind:title="category.name" :key="category.id">
        </b-tab>
        <b-tab>
          Content
        </b-tab>
      </b-tabs>
    </b-row>
    <b-row>
      <button @click="scroll_left">Scroll Left</button>
      <button @click="scroll_right">Scroll Right</button>
    </b-row>
  </div>
</div>

methods: {
     scroll_left() {
      let content = document.querySelector(".nav-tabs");
      content.scrollLeft -= 50;
    },
    scroll_right() {
      let content = document.querySelector(".nav-tabs");
      content.scrollLeft += 50;
    }

.tab-panel {
  flex-wrap: nowrap;
}

.wrap {
  overflow: hidden; …