小编Ale*_*nik的帖子

我刚刚在网上看到了这个FIDDLE.JS如下所示:

$(function() {
    $('#add').click(function() {
        return !$('#select1 option:selected').appendTo('#select2');
    });
    $('#remove').click(function() {
        return !$('#select2 option:selected').appendTo('#select1');
    });
});

HTML ::

<SELECT id="select1" name="select1" size="3"><OPTION value="1">Test 1</option><OPTION value="2">Test 2</option></select> 
<SELECT id="select2" name="select2"></select>
<br><input type="button" id="add" value="Add >>"><input type="button" id="remove" value="<< Remove">

它基本上只是一个JS交换选择值的一块.但我不明白的是!运营商的使用(不是运营商).

现在我明白not运算符会反转结果,但在上面的代码中它实际上是做什么的？我不明白not操作员在上面的小提琴中做了什么以及它对最终结果有什么影响？谁能解释一下？

我刚刚阅读了一篇 css-tricks 文章，介绍如何使用 axios HERE让 API 请求 DRY 。现在像这样的反应会很好地工作：

export default axios.create({
  baseURL: 'https://mysite/v3',
  headers: {
    'content-type': 'application/json'
  }
})

问题是如果我想向这个实例传递额外的参数怎么办？IE 我有另一个参数，我想像这样的标题：

'X-USER-ACCESS-TOKEN': sessionToken,

另外，如果我有多个其他选项要传递到标头怎么办？

我正在尝试一些用于重构sequilize.js模型的高级技术，并发现了instanceMethods如何使用方法以及如何将 util 函数附加到它。

例子：

function get_instance_methods(sequelize) {
  return {
    is_admin : function() {
      return this.admin === true;
    },
  };
};

然后可以像这样使用上面的内容：

module.exports = function(sequelize, DataTypes) {

  var instance_methods = get_instance_methods(sequelize);

  var User = sequelize.define("User", {
      email : {
          type      : DataTypes.STRING,
          allowNull : false
      },
  }, {
      instanceMethods : instance_methods,
    });

    return User;
};

但现在我遇到了一个mixin被定义的东西，然后像这样在模态HERE中被使用。

 withCompanyAwareness.call ( instance_methods, sequelize ) ;

其本身的代码mixin正在此处定义。可以在下面找到 mixin 的快照：-

module.exports = function(sequelize){ …

引导.btn类具有以下样式:

display: inline-block;
padding: 6px 12px;
margin-bottom: 0px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;

当我使用btn-lg类来增加按钮大小时,将应用以下样式:

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
} 

当然.btn-lg会覆盖一些.btn最显着的属性,即padding和line-height.添加填充使按钮看起来更明显.但这就是我感兴趣的:线高.为什么line-height减少到 1.33333.我对网站布局非常感兴趣,所以我问这个问题.显然你的答案可能是"这是一个设计决定".但我不认为他们随机地放了那个数字.我认为这是一些仔细的数学,所以有人可能会为我揭开这个神秘面纱的神秘面纱吗？我的意思是数学导致引导开发者添加的行高line-height: 1.33333;到btn-lg,这将是我唯一的问题.

谢谢.

我有一个简单的表格，可以在THIS上看到，如果您检查当前租金下的表格，您将看到下表：

但我实际上是以下内容：

正如您所看到的，当前表中缺少页脚，目前我对表有以下标记：

<table class="current-rentals-table">
    <caption>
        <h4>Select Toys to Return</h4>
        <button class="btn-pink">return</button>
    </caption>
    <thead>
        <tr>
            <th></th>
            <th colspan="2">Toy Details</th>
            <th>Date Rented</th>
            <th>Return Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <form action="">
                    <input type="checkbox" name="">
                </form>
            </td>
            <td>
                <img src="images/res/toy-cart/1.png" alt="toy image">
            </td>
            <td>
                <p>Praesent dapibus, neque id cursus faucibus,tortor neque egestas augue, eu vulputate magna eros eu erat. </p>
            </td>
            <td>Nov 12, 2015</td>
            <td>Dec 12, 2015</td>
        </tr>
        <tr>
            <td>
                <form action="">
                    <input type="checkbox" name="">
                </form>
            </td>
            <td>
                <img src="images/res/toy-cart/1.png" alt="toy …

我只是通过BigCalendar拖放例如去这里。我试图自己创建一个本地拖放示例，以了解拖放如何与BigCalendar一起使用。我创建了以下内容：

Dnd.js

import React from 'react'
import events from './events'
import HTML5Backend from 'react-dnd-html5-backend'
import { DragDropContext } from 'react-dnd'
import BigCalendar from 'react-big-calendar'
import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop';
import 'react-big-calendar/lib/css/react-big-calendar.css';

import 'react-big-calendar/lib/addons/dragAndDrop/styles.less';

const DragAndDropCalendar = withDragAndDrop(BigCalendar)

class Dnd extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      events: events,
    }

    this.moveEvent = this.moveEvent.bind(this)
  }

  moveEvent({ event, start, end }) {
    const { events } = this.state

    const idx = events.indexOf(event)
    const updatedEvent = { ...event, start, end } …

我刚刚浏览了 inArray 方法代码并遇到了以下内容：:

inArray: function (elem, arr, i) {
    var len;

    if (arr) {
        if (indexOf) {
            return indexOf.call(arr, elem, i);
        }

        len = arr.length;
        i = i ? i < 0 ? Math.max(0, len + i) : i : 0;

        for (; i < len; i++) {
            // Skip accessing in sparse arrays
            if (i in arr && arr[i] === elem) {
                return i;
            }
        }
    }

    return -1;
},

现在我明白了十进制运算符是如何工作的，但是有人可以告诉我，下面的代码行是如何工作的？它甚至是三元运算符吗？

i = i ? i < 0 ? …

我刚刚浏览了bootstrap.css文件并遇到了以下几行代码:

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

我只有一个问题和一个问题,为什么box-sizing: content-box;在整个文档有明确的时候box-sizing: box-border;？为什么要切换一个单一元素box-sizing: content-box;？

我提供的示例只是设置为元素的框大小的一个实例box-sizing: content-box;,我已经看到这在CSS样式表中已经进行了很多次,并且没有看到这种样式的实用性.

为什么可能box-sizing: content-box;在单个元素中添加一个有用的？有人会提供一个实际的例子吗？

我的控制器中有以下方法:

public function showQualityResult($qualityData) {
        return $qualityData;
}

单击链接时,我希望调用该方法,所以我在视图文件中有以下内容:

<a href="{{ route('showQualityResult' , Session::get('quality-data')) }}">Submited Quality Check</a>

另外,我有以下路线设置:

Route::get('/showQualityResult', 'QualityCheckController@showQualityResult');

但是有以下代码行:

<a href="{{ route('showQualityResult' , Session::get('quality-data')) }}">Submited Quality Check</a>

真的不行,我在frontEnd中得到以下错误:

现在我怎么能解决这个问题,为什么我得到Route未定义的错误,即使我已经定义了路由？

我的HTML中有以下文本框

我有以下代码:

.contact-us-form textarea, .contact-us-form input[type="text"], .contact-us-form input[type="email"] {
    height: 40px;
    padding: 0;
    margin: 0;
    line-height: 0;
    padding-left: 15px;
    color: #333;
    width: 100%;
    border: none;
    border-bottom: 1px #BFB9B9 solid;
    padding-left: 40px;
}

.contact-us-form textarea {
    height: 100px;
    padding-top: 20px;
}

<textarea name="" placeholder="Message *"></textarea>

由于某种原因,我无法将光标放在textarea中,我也无法在其中键入文本.为什么会这样？我没有任何JS附加到这个文本框,我已经调试和测试了这一点,我也检查了所有计算的CSS属性,我似乎没有找到究竟是什么导致这个问题.

任何人都可以指出我究竟做错了什么？

我的网站链接.