小编Sun*_*Sun的帖子

我已经知道apply并且call是类似的功能集this(函数的上下文).

不同之处在于我们发送参数的方式(手动与数组)

题:

但什么时候应该使用这种 bind()方法？

var obj = {
  x: 81,
  getX: function() {
    return this.x;
  }
};

alert(obj.getX.bind(obj)());
alert(obj.getX.call(obj));
alert(obj.getX.apply(obj));

jsbin

我们都知道,柔性属性是一个速记flex-grow,flex-shrink和flex-basis属性.它的默认值是0 1 auto.它的意思是:

flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;

但我注意到,在很多地方flex: 1都使用过.是简写1 1 auto还是1 0 auto？我无法理解它是什么意思？我没有在谷歌上搜索任何东西.

出于某种原因,我无法阻止UL和LI的包装.我希望UL的宽度恰好是一行中LI的宽度(没有包装),如果UL变得比nav-div(800px)宽,我想在导航中使用滚动条,这样我就可以滚动LI.

我用显示器,空白,宽度和高度做了很多尝试,但是如果我给UL一定的宽度,我只能让它工作.但是,这不是一个选项,因为页面是生成的,可以包含1-20个LI.

有没有人知道如何在不设置UL宽度的情况下制作滚动条？

HTML:

<div id="nav">
     <ul id="navbuttons">
          <li>Some text</li>
          <li>Some text</li>
          ...
     </ul>
</div>

CSS:

div#nav
{
    height: 100px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

div#nav ul li
{
    margin-right: 15px;
    float: left;
    font-size: 12px;
    list-style-type: none;
}

我想用正则表达式验证电子邮件.以下代码显示了我使用过的正则表达式.但是表单不接受简单的anystring@anystring.anystring.(anystring是一个字母).

我错过了什么吗？

window.onload = function () {
    document.getElementById("form").onsubmit = validate;
}

function validate() {
    var email = document.getElementsByTagName("input")[6].value;
    var regex = /^\w@\w+\.\w$/;
    if (!regex.test(email)) {
        alert("enter a valid email");
        return false;
    } else return true;
}

我想安装多个XAMPP版本.

在回答NivF007的问题是如何安装的,多XAMPP版本-或-多PHP版本上-MAC-OS-X-10-7据说

在其自己的文件夹中安装XAMPP的每个实例

但你怎么能这样做？(因为你无法更改安装目录)

并且在安装管理器后重命名XAMPP文件夹不起作用.

我想在一个新数组中推送3个数组的值,而不重复相同的值

var a = ["1", "2", "3"];
var b = ["3", "4", "5"];
var c = ["4", "5", "6"];
var d = [];

function newArray(x, y, z) {
    for(var i = 0; i < d.length; i++) {
        if(d.length == -1) {
            d[i].push(a[i])
        }
    }

    for(var i = 0; i < d.length; i++) {
        if(d.length == -1) {
            d[i].push(y[i])
        }
    }

    for(var i = 0; i < d.length; i++) {
        if(d.length == -1) {
            d[i].push(z[i])
        }
    }
}

newArray(a, b, c); …

在以下HTML中

<nav>
  <a href="home.html">home</a>
  <a href="about.html">about</a>
  <a href="more.html">more</a>
  <a href="contact.html">contact</a>
</nav>

一个人应该扭转局面<a>.

JavaScript的

创建一个反向数组:

var n = document.querySelector("nav");
var max = n.children.length;
var arrReverse = [];

for (i = (max - 1); i > -1; i -= 1) {
  arrReverse.push(n.children[i]);
}

我认为这样可行:

for(j = 0; j < max; j += 1) {
  n.children[j].innerHTML = arrReverse[j].innerHTML;
  n.children[j].href = arrReverse[j].href;
}

但事实并非如此.输出是contact more more contact.

有人可以解释,为什么这不起作用.

的jsfiddle

我试图了解如何在嵌套回调时使用try/catch.为什么这段代码没有抓住我的新错误？

function test(cb) {
  setTimeout(function() {
    throw new Error("timeout Error");
  }, 2000);
}

try {
  test(function(e) {
    console.log(e);
  });
} catch (e) {
  console.log(e);
}

我有以下

的HTML

<div>
   <div class="left"></div>
   <div class="center"></div>
   <div class="right"></div>
</div>

我想使用flexbox实现以下布局。

移动

片剂

桌面

我在移动和桌面布局上没有问题，但无法在平板电脑上解决。

如何迫使.centerdiv在.letf和之后出现.right？有没有办法用flexbox实现它？

我有多列。每列在CSS的中心都有一个字体超棒的图标，其中包含一个圆圈。现在，我想使圆本身在列的中间对齐。但是，当文本本身居中时，它始终保持在左侧。

的HTML

<div class="features">
  <div class="container">
    <div class="columns is-mobile ">
      <div class="column">
        <div class="community">
          <font-awesome-icon col size="2x" :icon="['fas', 'tasks']" />
        </div>
        Features
      </div>
    </div>
  </div>
</div>

的CSS

.features {
  background: #2a3a4c;
  height: 200px;
}

.community {
  width: 5rem;
  height: 5rem;
  background: linear-gradient(135deg, #b15757 0%, #b96868 100%);
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

我想创建一个宽度小于容器的div col-lg-12.这段代码有效,但我只有两个空div才能创建边距.使用bootstrap网格有更好的方法吗？

<div class="col-lg-12">
    <div class="col-lg-2"></div>
    <div class="col-lg-8">
        <form role="form-horizontal" method="post">
            ...
        </form>
    </div>
    <div class="col-lg-2"></div>
</div>

var alph = ["a", "b", "c"];
var r = [];

for(var i = 0; i < 5; i += 1) {
    r.push(alph);
}

r[0].reverse();
console.log(r); 

/* Output

[ [ 'c', 'b', 'a' ],
  [ 'c', 'b', 'a' ],
  [ 'c', 'b', 'a' ],
  [ 'c', 'b', 'a' ],
  [ 'c', 'b', 'a' ] ]

*/

/* Expected output

[ [ 'c', 'b', 'a' ],
  [ 'a', 'b', 'c' ],
  [ 'a', 'b', 'c' ],
  [ 'a', 'b', 'c' ],
  [ …

我正在尝试显示一个警告框,其中包含一条包含预定义文本和用户输入文本的消息.

到目前为止我所拥有的是名字和姓氏的两个输入字段以及一个提交按钮.它当前显示带有预定义文本的警报弹出窗口,但用户输入仅显示为"未定义".你能告诉我哪里可能出错吗？

代码如下:

<form>
  <p>First name: <input type="text" id="fname" name="firstname" value=""></p>
  <p>Last name: <input type="text" id="lname" name="lastname" value=""></p>
  <p><input type="button" value="Submit" id="namebutton" /></p>
  <script>
    var fname = document.getElementById("fname").value;
    var lname = document.getElementById("lname").value;
    document.getElementById("namebutton").addEventListener("click", function() {
      alert('Hello ' + fname.value);
    })
  </script>
</form>