小编Mon*_*ffy的帖子

在使用collection.find我查询文档时,我开始在控制台中收到以下警告

DeprecationWarning:不推荐使用collection.find选项[fields],将在以后的版本中删除

我为什么看到这个,我该如何解决这个问题？(可能的选择)

编辑:查询已添加

Session
        .find({ sessionCode: '18JANMON', completed: false })
        .limit(10)
        .sort({time: 1})
        .select({time: 1, sessionCode: 1});

猫鼬版本5.2.9

这些代码片段在语法上是否正确？我正在使用第一个代码片段来构建导航(在ul中嵌套标题标记).如果它是错误的或者是不好的做法有什么缺点.

<ul class="site-title left">
  <header>
   <li><h1>site title</h1></li>
  </header>                         
</ul>

和

<ul class="site-title left">
  <span>
   <li><h1>site-title</h1></li>
  </span>                           
</ul>

我正在使用CSS过渡来为鼠标悬停时的背景颜色设置动画.

我有以下代码:

div {
  width: 100px;
  height: 100px;
  background: red;
}

div:hover {
  background: green;
  transition: all 0.5s ease-in-out;
}

<div></div>

此代码仅为鼠标上的背景颜色设置动画.它不会使鼠标恢复活力.我有两个问题:

1. 如何使用CSS为鼠标设置动画？

2. 我如何仅使用jQuery执行此操作？

jsfiddle:http://jsfiddle.net/fz39N/

我有以下html

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

和css

li {
    display: inline-block;
    padding: 10px;
    border: 1px solid red;
    margin: 0;
}

DEMO

我试图通过设置删除li元素之间的边距margin: 0;.但它没有消除保证金

我该如何删除它

我有以下HTML:

<ul>
    <li>
        <a href="#">
            <h2>title</h2>
        </a>
    </li>
     <li>
        <a href="#">
            <h2>title</h2>
        </a>
    </li>
     <li>
        <a href="#">
            <h2>title</h2>
        </a>
    </li>
</ul>

CSS

ul {
    list-style: none;  
    text-align: center;
}
ul li {
    position: relative;
    float: right;
    margin-right: 20px;
    width: 30%;
}
ul li {
    transition: all 0.3s;
}
ul li:hover {
    top: -10px;
}
ul li> a{
    color: red;
}

问题是转换不适用于moz,它适用于webkit.如何以跨浏览器的方式实现此功能？

DEMO

我试图在动画结束时创建一个反弹效果,而不使用任何第三方代码或javascript.我不知道如何只使用纯CSS来做到这一点.

这是我到目前为止:

HTML:

<div></div>
<div></div>
<div></div>

CSS:

div {
    background:  tomato;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    transition: transform 0.3s ease-in;
    transform-origin: top left;
}
div:hover { 
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5);
}

DEMO

当用户使用css和jquery在浏览器窗口中上下滚动时,我正在尝试创建模糊效果.这是我的代码.

HTML

<div class="out">
    <div class="inner"></div>
</div>
<div class="this-div-kills-browsers">
</div>

CSS

.out {
    width: 100%;
    height: 800px;
    background: url(https://placekitten.com/1200/800) no-repeat;
}
.this-div-kills-browsers {
    height: 1000px;
}

jQuery的

var hideThatKitty = $('.out').innerHeight();

$(window).on('scroll', function () {
     hideThatKitty = hideThatKitty/$('.this-div-kills-browsers').offset().top    
    $('.inner').css('background', rgba(255, 255, 255, \''0'+hideThatKitty\'));
});

演示小提琴

我想要做的是增加和减少css规则背景的alpha值:当用户向上和向下滚动时使用jquery的rgba(),因此滚动会变得模糊.还是有另一种方法吗？请帮我实现这个目标.

我正在使用forEach循环遍历nodeList.我的代码如下

var array = document.querySelectorAll('items');

array.forEach(function (item) {
    console.log(item);
}); 

并且此代码抛出错误

未捕获的TypeError:array.forEach不是函数

然后在阅读了几篇在线博客文章后,我将代码改为此.

[].forEach.call(array, (function (item) {
    console.log(item);
})); 

有人可以解释为什么不能在nodeList上调用forEach以及上面的第二个代码片段做了什么.:)

编辑: 7/25/2017

此问题对现代浏览器无效.您可以在其中的节点列表上使用forEach

尽管NodeList不是数组,但可以使用forEach()对其进行迭代.它也可以使用Array.from()转换为Array.

但是,一些较旧的浏览器尚未实现NodeList.forEach()和Array.from().但是使用Array.prototype.forEach()可以避免这些限制(本文档中有更多内容).

参考:MDN

我正在使用 husky 来运行 git hooks。

"husky": {
    "hooks": {
      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
    }
  }

我想防止直接提交到主分支。它应该允许仅通过合并请求更新主分支。

我从 Git 中发现了以下代码： Prevent commits in masterbranch。我将其复制到 .git/hooks/pre-commit 并且它有效

#!/bin/sh

branch="$(git rev-parse --abbrev-ref HEAD)"

if [ "$branch" = "master" ]; then
  echo "You can't commit directly to master branch"
  exit 1
fi

但我想用哈士奇来实现这一点。我怎么做？

我正在尝试使用 AWS Cognito 组创建基于角色的访问控制。我定义了以下角色和策略来拒绝对资源的访问

CognitoAuthRole:
      Type: AWS::IAM::Role
      Properties:
        Path: /
        AssumeRolePolicyDocument:
          Version: "2012-10-17"
          Statement:
            - Effect: "Allow"
              Principal:
                Federated: "cognito-identity.amazonaws.com"
              Action:
                - "sts:AssumeRoleWithWebIdentity"
              Condition:
                StringEquals:
                  "cognito-identity.amazonaws.com:aud":
                    Ref: CognitoIdentityPool
                "ForAnyValue:StringLike":
                  "cognito-identity.amazonaws.com:amr": authenticated
        Policies:
          - PolicyName: "CognitoAuthorizedPolicy"
            PolicyDocument:
              Version: "2012-10-17"
              Statement:
                - Effect: "Deny"
                  Action: "*"
                  Resource: "*"

然后我创建了一个名为 admin 隐身用户池的组，并分配一个带有策略的角色，让用户调用 API，如下所示

CognitoUserPoolGroupAdmin:
  Type: AWS::Cognito::UserPoolGroup
  Properties:
    UserPoolId:
      Ref: CognitoUserPool
    GroupName: Admin
    Precedence: 0
    RoleArn:
      Fn::GetAtt:
        - AdminRole
        - Arn

AdminRole:
      Type: AWS::IAM::Role
      Properties:
        Path: /
        RoleName: AdminRole
        AssumeRolePolicyDocument:
          Version: "2012-10-17"
          Statement:
            - …