小编K G*_*oll的帖子

我正在重写一些旧代码，并使用 Vue 作为替代品。除了更改使用把手模板化的一张桌子之外，一切都很棒。

使用嵌套的把手{{each}}我可以通过嵌套的数据结构进行工作，同时在表格行中显示相关数据：例如使用把手：https : //jsfiddle.net/6dsruo40/1/

我不知道如何使用 Vuev-for等来做同样的事情。

像我一样摆弄：https : //jsfiddle.net/cj7go6bv/

我不知道如何在保持<tr>s 的同时处理数据结构，就像在车把中一样

这是我正在使用的数据结构，但它很灵活：

var data = [
  {
key: "Region 1",
values: [
  {
    key: "Sub region 1",
    values: [
      {
        site: "Site A",
        timestamp: 1507246300935,
        total: 3,
      },
      {
        site: "Site B",
        timestamp: 1507246300818,
        total: 0,
      },
      {
        site: "Site C",
        timestamp: 1507246300936,
        total: 0,
      }
    ],
  },
  {
    key: "Sub region 2",
    values: [
      {
        site: "Site A",
        timestamp: …

检查是否为null或未定义以及是否应该使用!==或!="未定义"或未定义时,我有点困惑.

这是我正在研究的一些代码.我的null/unudefined等在哪里出错？

var c = (jQuery(this).prop("target") != null && jQuery(this).prop("target") != undefined && jQuery(this).prop("target").toLowerCase() == "_blank") ? 1 : 0;

谢谢

我有以下代码,这取决于url参数更改,然后隐藏表单上的选择选项.即www.example.com?type=images

最终将有超过20个不同的参数.我想知道一个更好的方法,而不是拥有大量的elses.只是概述了如何做到这一点很好,我是新手,所以我希望能够得到答案并从中学习.谢谢.

var type = getURLparameter('type'); //from another function

if (type == "images"){
    var selectDiv =('divid');
    var selectField = ('selectid');
    document.getElementById(selectField).options[1].selected=true;
    document.getElementById(selectDiv).style.visibility="hidden";
}
else if (type == "pizza") {
    var selectDiv =('divid');
    var selectField = ('selectid');
    document.getElementById(selectField).options[2].selected=true;
    document.getElementById(selectDiv).style.visibility="hidden";
}
else (type == "cheese") {
    var selectDiv =('divid');
    var selectField = ('selectid');
    document.getElementById(selectField).options[3].selected=true;
    document.getElementById(selectDiv).style.visibility="hidden";
}

我正在HTMl/CSS中构建一个周期表,我无法将大文本内部的文本与.element-symbol左对齐.atomic-weight,.element-name并且.atomic-symbol没有任意text-indent.我想这仅仅是与字母的宽度做的,但有其在第一个字母的方式.element-symbol开始极左？即对着红色边界

标记:

<div class="cell">
  <div class="atomic-number"><span>2</span></div>
  <div class="element-symbol">      
    <abbr>He</abbr>
  </div>
  <div class="element-name"><span>Helium</span></div>
  <div class="atomic-weight">4.002602</div>
  </div>

CSS :(红色边框显示对齐问题)

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  line-height: 1;
  }

.cell {
  border: 1px solid black;
  font-family: sans-serif;
  width: 280px;
  height: 280px;
  margin: 20px auto;
  padding:10px;
  background-color: #4DBCE9;
  }

.element-symbol {
 font-size: 173px;
 border: 1px solid red;
 font-weight: 400;
 /*text-indent: -12px;  dont want to use this*/
 }

.atomic-number, .atomic-weight, .element-name …