小编AnA*_*ice的帖子

给定以下JavaScript三元运算符,是否可以启用它来支持3个条件而不是当前的两个条件？

const color = d.y >= 70 ? "green" : "red";

我基本上喜欢以下逻辑:

>= 70, color = green;
between 69-50, color = yellow;
< 50, color = red;

这可能是1行三元组还是需要IF语句？

谢谢

我收到以下 linting 错误： Unconditional use of conditional expression for default assignment

下面有什么问题吗？

(myOverride) ? myOverride : MAGIC_HOST,

如果定义了 myOverride 我想使用 myOverride，如果没有定义我想使用 env var MAGIC_HOST。

假设红色框表示我的网页容器,而项目B,C,D在容器外部.是否可以让项目(A,B,C,D ...)自动从左到右滚动,就像使用CSS一样的旋转木马？

我在网上看到了关于如何使用图像执行此操作的示例,但没有使用带有设置宽度的文本的DIV？

.container {
  margin: 0 auto;
  width: 800px;
  background: red;
  padding: 36px;
  box-sizing: border-box;
}

.items {
  display: flex;
}

.item {
    box-sizing: border-box;
    margin-left: 72px;
    margin-right: 72px;
    padding: 36px;  
position: relative;
    width: 200px;
    min-width: 200px;
    background: #efefef;
    text-align: center;
    border-radius: 4px;

}

<div class="container">
  <div class="items">
    <div class="item">A</div>
    <div class="item">B</div>
    <div class="item">C</div> 
    <div class="item">D</div>    
  </div>
 </div>

我有以下组件：

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Box } from 'grid-styled';

const Pane = ({
  children,
  px,
  py,
}) => (
  <StyledBox
    px={px}
    py={py}
  >
    {children}
  </StyledBox>
);

Pane.propTypes = {
  children: PropTypes.node.isRequired,
  px: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.object)]),
  py: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.object)]),
  marginBottom: PropTypes.number,
  color: PropTypes.string,
};

Pane.defaultProps = {
  px: [null],
  py: [32, 40],
};

export default Pane;

我的网络客户端的 JS 控制台发出以下警告：

preview.bundle.js:4294 Warning: Failed prop type: Invalid proppysupplied to窗格. in …

我有以下两行代码:

var minusID = settingID + '-minus';
$('#' + minusID).removeClass("selected");

我怎样才能有效地将它组合成一条线？

谢谢

如果是电子邮件地址,请说:bob@google.com

在Coldfusion中,如何确认电子邮件来自"google.com"而不是其他域？

我有以下内容:

<script type="text/javascript">
var noteid = $('#noteid').val();
</script>
<input type="hidden" name="noteid" id="noteid" value="321">

这很好用......但是现在我试图将JavaScript从页面移动到链接的JS文件中,如下所示:

<script type="text/javascript" src="/js/note_beta.js"> </script>
<input type="hidden" name="noteid" id="noteid" value="321">

这个扩展JS文件的代码是:"var noteid = $('#noteid').val();" 但是它没有用......当它不在页面本身时,有没有让它工作的技巧？

谢谢

鉴于以下内容:

ul li .main .meta {opacity:0;}

<ul>
<li>  <span class="main">TITLE</span> <span class="meta">meta</span>  </li>
<li>  <span class="main">TITLE 2 </span> <span class="meta">meta</span>  </li>
<li>  <span class="main">TITLE 3</span> <span class="meta">meta</span>  </li>
etc... long list...
</ul>

我可以做什么样的JQUERY魔术,以便每当用户将鼠标悬停在LI中的AnyWhere上时,具有class = META的SPAN,更改为Opacity:1,并且当用户将其鼠标移离LI时,LI的meta将返回到不透明度:0,新LI的元素去Opacity 1.等....

谢谢!

我正在尝试找到名称= checked并隐藏()它们的所有LI,但这似乎不起作用:

    $('li').attr("name","checked").hide();

<li name="unchecked" style="display: inline;"><a href="/">Home</a></li>

有任何想法吗？

我有以下内容:

  def create

    @permission = @project.permissions.create(params[:permission])

    respond_to do |format|
      if @permission.save
        format.js
      else
        format.js   { render :js => @permission.errors }
      end
    end
  end

我想添加一个Mailer,让用户知道他们已被添加到项目中,问题是,如果我在respond_to之前发布,那么记录还没有被保存,所以有可能出现问题但是用户仍然会收到一封电子邮件.

 UserMailer.xxxxxxxxx_notification(objecthere).deliver

而且我猜我不能把邮件放在respond_to块中.建议？