小编Con*_*ror的帖子

function foo(x) {
   console.log(arguments)
} //foo(1) prints [1]

但

var bar = x => console.log(arguments) 

以相同方式调用时出现以下错误:

Uncaught ReferenceError: arguments is not defined

我最近一直在玩帆布,并使用与这些曲线相关的方法绘制了几种形状(泪滴,花瓣,云,岩石).话虽如此,我似乎无法弄清楚这些不同曲线的用例之间的区别.

我知道三次贝塞尔曲线有2个控制点,一个起始点和一个端点,其中二次贝塞尔曲线有一个控制点,一个起点和一个端点.但是,在绘制形状时,我似乎无法轻易决定使用哪一个或何时结合使用它们.

如何知道在不同的绘制形状点使用哪种曲线？

我有一个具有一系列对象属性的对象,它们具有以下类似结构(这是数据从服务返回的方式):

{
  "1": {
    "type": "foo",
    "name": "blah"
  },
  "2": {
    "type": "bar"
  },
  "3": {
    "type": "foo"
  },
  "4": {
    "type": "baz"
  },
  "5": {
    "type": "test"
  }
}

当我进行ng-repeat时,我可以遍历所有这5个对象,例如:

<div ng-repeat="item in items">{{item.type}}</div>

但是,我真正想做的只是迭代那些不是"foo"类型的项目,即3次迭代而不是5次.我知道过滤器可以某种方式用来做到这一点,但我不知道如何.我尝试了以下方法:

<div ng-repeat="item in items| !filter:{type:'foo'}">{{item.type}}</div>

但这不起作用.实际上,即使只执行以下操作来限制只有2个对象(那些使用item.type ==="foo"),它也不起作用并进行5次迭代:

<div ng-repeat="item in items| filter:{type:'foo'}">{{item.type}}</div>

从本质上讲,我想做类似的事情:

<div ng-repeat="item in items" ng-if="item.type !=='foo'>{{item.type}}</div>

但是,我知道一个不起作用.

我知道可以在svg和canvas中绘制和动画弧.但是,它有可能在CSS？

我使用以下方法创建了一个弧:

.arc{
    width:150px;
    height:400px;
    border-radius:50%;
    border-right:1px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid white;
}

原始小提琴:http: //jsfiddle.net/YGKWT/(断链接)

但是,我该如何设置动画呢？我能想到的唯一方法就是在它上面放一个纯白色的div并向右滑动div,逐渐显示出弧线.有没有更好的办法？

编辑:

这是我正在寻找的动画类型:http: //jsfiddle.net/nQLY7/(断开链接)

我想在恢复我的firebase数据后调用一个函数,但是,我没有看到任何promises函数就像ref对象那样.有什么建议吗？这是我的代码:

angular.module('myMod', ['firebase']).controller('myCtrl', ['$scope', '$firebase',
    function($scope, $firebase) {
        var ref = new Firebase('myfirebaseurl');

        $scope.data = $firebase(ref);

        // i want to do something like
        data.then(function(){
           someFunc();
        });

        // or something like
        $scope.$watch('data', function(){
            if($scope.data.desiredProperty) {
              doSomething();
            }
        });
    }]);

我知道您可以直接从检查器附加悬停事件,但是如何直接在检查器中创建和附加CSS3动画？

例如,如果我尝试使用检查器创建类似以下动画的内容:

@-webkit-keyframes test{
   0%{background:red}
   100%{background:blue}   
}

浏览器将停止在"background"和"red"之间的第一个冒号(:)之后注册代码.

我经常将div用于样式布局（没有内容的标记段，专门用于设计）和站点上的包装。这么说，为什么不应该将节用于此任务？

节本身是否具有固有的语义含义，因此不鼓励将其用于包装程序？

我使用的几乎每个页面都有某种包装或样式布局。想逐步淘汰divs，我想知道部分是否可以用于包装器，并且在语义上仍然正确。

完整的错误是:

Error: [$parse:syntax] Syntax Error: Token ',' not a primary expression

导致错误的代码是:

<div ng-repeat="item in items">

    <input type="submit" ng-click="delete({{item.itemId}},$index)" value="delete">

</div>

该函数实际上适用于以前的项目,但是当我尝试将新项目添加到项目数组时会中断.问题孩子似乎是逗号,但我不知道该怎么办.

我想知道在销毁对象时是否可以使用动态表达式：

认为：

//basic de-structure example
var a = {b: 1};
var {b: c} = a; // stores 1 in c
//what I want to do
var { (b > 0): isItHigher = false} = a; // want isItHigher to be true

这可能是一种我不知道的语法，但本质上，我想根据原始对象属性计算表达式并将其存储在一个新变量中。这可能吗？

我知道你可以做git log --stat和做一个git diff(commit1)(commit2),但是,这给了我所有文件的更改.我想仅在特定文件中看到更改.这可能吗？

我知道你可以做的事情

a[href^="http"]{...}
a[data-test*="test"]{...}
a[href$=".com"]{...}

但除了^,$和*之外,您是否可以在CSS/3中使用任何其他更复杂的正则表达式(不使用像less或sass这样的框架)？

我试图通过以不区分大小写的方式匹配输入到正则表达式来进行验证.正则表达式作为对象上的字符串从服务中下来.我可能得到类似的东西:

{regex:"ane"}

我可以做以下事情:

var rx = new RegExp(object.regex);  /*The regex is now: /ane/*/
"plane".match(rx);

但是,我真正想做的是以下内容:

var rxInsensitive = new RegExp(/ane/i);  /*The regex is now: /ane/i */
"plANE".match(rx);

我在将字符串转换为此表单时遇到问题.当我执行以下操作时:

var rxInsensitive = newRegExp(object.regex + "/i");

我最终得到正则表达式/ane/i/而不是/ane/i.有没有人有什么建议？

我有一个固定的导航栏,但是,每当我尝试在其后创建内容时,内容剪辑导航.

我可以通过对内容使用相对定位来解决这个问题,但我真的不愿意这样做.

如何在不诉诸奇怪的CSS策略的情况下将内容推送到固定导航栏下方？

示例导航:

nav{
    position:fixed;
    top:0;
    width:100%;
    border:1px solid black;
}

放置内容类可能会产生误导,实际上,我希望DOM元素在导航栏之后流动而不会剪切它.例如,假设导航后面出现以下HTML:

<section>foo</section>
<p>bar</p>
<h2>fubar</h2>
<div>blah blah blah </div>

我希望看到该部分位于导航栏之后,然后是部分之后的部分,依此类推.

原始示例问题(不反映问题):http: //jsfiddle.net/wZHcv/

新小提琴:http: //jsfiddle.net/4MLVT/