小编Jac*_*son的帖子

我怎么能在奇数/偶数<dd>行之间交替背景颜色

我有一个定义列表如下:

<dt>Term1</dt>
<dd>Definition1</dd>
<dt>Term2</dt>
<dd>Definition2</dd>
<dt>Term3</dt>
<dd>Definition3</dd>
<dt>Term4</dt>
<dd>Definition4</dd>
Run Code Online (Sandbox Code Playgroud)

我想使用CSS使用nth-child(奇数)为每个奇数行提供不同的背景颜色,但这不适用于定义列表的结构,除非我可以在包装器中将每个dt和dd组合在一起.

有谁知道我可以实现这种交替背景效果的方式?

谢谢

编辑**我应该指出,我需要术语和定义并排出现.所以每对DT和DD应该有交替的颜色.

html css

4
推荐指数
1
解决办法
2306
查看次数

ECMAScript2015类vs Object.create vs new vs Object.setPrototypeOf

随着ES6的出现,我们得到了一种创建对象的新方法.我的问题是我们现在应该如何创建对象?假设新运算符的工作原理如下

function createNewObject(parentFunction){
    var obj = {};
    Object.setPrototypeOf(obj, parentFunction.prototype);
    return parentFunction.apply(obj, Array.prototype.slice.call(arguments,1)) || obj;
}
Run Code Online (Sandbox Code Playgroud)

但是在创建课程时究竟发生了什么?在es6中创建对象的当前"正确"方式是什么?

javascript ecmascript-6 es6-class

3
推荐指数
1
解决办法
2089
查看次数

如何防止柔性物品在包裹时拉伸

我正在尝试使用 Flexbox 为我的应用程序创建一个网格系统。flex-wrap: wrap当我在弹性容器上使用时遇到问题。

在下面的示例中,是否可以在不指定高度值的情况下防止标题向下拉伸一半?我希望标题与其中的内容一样高,并且侧边栏和内容可以拉伸。

任何帮助,将不胜感激。

html, body {
  height: 100%;
  margin: 0;
}
.container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.cell1 {
  flex: 1 1 100%;
  background-color: #eee;
}
.cell2 {
  flex: 1 0 25%;
  background-color: #ddd;
}
.cell3 {
  flex: 1 0 75%;
  background-color: #ccc;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="cell1">
    Header should be collapsed
  </div>
  <div class="cell2">
    Sidebar
  </div>
  <div class="cell3">
    Content
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css frontend flexbox

3
推荐指数
1
解决办法
1万
查看次数

如何更新多对多关系中的时间戳

我有两个型号JobUser

用户可以被分配多个作业,作业也可以有多个受让人。

class Job extends Model {

  public function assignees()
  {
    return $this->belongsToMany('App\Models\User')->withTimestamps();
  }

}


class User extends Model {

  public function jobs()
  {
      return $this->belongsToMany('App\Models\Job')->withTimestamps();
  }

}
Run Code Online (Sandbox Code Playgroud)

在我的作业控制器中,我正在更新受让人,如下所示:

$job = Job::find(1);

$job->assignees()->sync([1,2]);

$job->save();
Run Code Online (Sandbox Code Playgroud)

除了作业的时间戳没有更新之外,一切都按预期进行。

updated_at字段保持不变。

谁能看到我的问题可能出在哪里?

php laravel eloquent

2
推荐指数
1
解决办法
1417
查看次数

Javascript classList 未按预期工作

我正在尝试使用 js 和 css 创建一个简单的选项卡式功能。单击选项卡按钮时,它应该active从控件中删除所有类,然后active仅将类添加到选定的元素。

但是,当我尝试删除active该类时,它无法按预期工作。

在选项卡之间切换应该只允许一个按钮和一个内容随时处于活动状态。

看到这个jsFiddle

var tabs = document.getElementsByClassName('tabs');

Array.prototype.forEach.call(tabs, function(tab) {

    var btns = tab.getElementsByClassName('tabs-button');
    Array.prototype.forEach.call(btns, function(btn) {

        btn.addEventListener('click', function(e){

            e.preventDefault();
            var href = this.getAttribute('href').replace('#','');
            var target = document.getElementById(href);
            var allActive = tab.getElementsByClassName('active');
            Array.prototype.forEach.call(allActive, function(active) {
                active.classList.remove('active');
            });
            this.classList.add('active');
            target.classList.add('active');

        });

    });

});
Run Code Online (Sandbox Code Playgroud)

谁能看到我哪里出错了?

html javascript css

1
推荐指数
1
解决办法
3365
查看次数

正则表达式匹配所有单数或双位数

我需要创建一个正则表达式来匹配所有出现的一位或两位数字(在数字的每一侧都有一个空格)。我正在尝试使用这个正则表达式

\s\d{1,2}\s

我在这个字符串上运行它:

charge to at10d to and you 12 sdf 90 fdsf fsdf32 frere89 32fdsfdsf ball for 1 8 toyota

火柴:

' 12 ', ' 90 ', ' 1 '

但是当它在 1 旁边时它与 8 不匹配。有谁知道我可以如何调整正则表达式以便我可以将这两个数字包括在一起?

javascript regex string

1
推荐指数
1
解决办法
2511
查看次数

标签 统计

css ×3

html ×3

javascript ×3

ecmascript-6 ×1

eloquent ×1

es6-class ×1

flexbox ×1

frontend ×1

laravel ×1

php ×1

regex ×1

string ×1