小编ada*_*ign的帖子

撤消git update-index --assume-unchanged <file>

你Git忽略观察/跟踪特定目录/文件的方式.你刚刚运行这个:

git update-index --assume-unchanged <file>

现在你如何撤消它,以便再次观看它们?(我们称之为取消.)

git version-control git-index

426
推荐指数
8
解决办法
12万
查看次数

是否可以将伪元素的堆叠顺序设置在其父元素下面?

我试图用:after伪元素CSS选择器设置元素的样式

#element {
    position: relative;
    z-index: 1;
}

#element::after {
    position:relative;
    z-index: 0;
    content: " ";
    position: absolute;
    width: 100px;
    height: 100px;
}
Run Code Online (Sandbox Code Playgroud)

看起来::after元素不能低于元素本身.

有没有办法让伪元素低于元素本身?

css z-index pseudo-element

270
推荐指数
7
解决办法
21万
查看次数

JavaScript indexOf忽略Case

我试图找到一个图像的源名称是否noPic可以是大写或小写.

var noPic = largeSrc.indexOf("nopic");
Run Code Online (Sandbox Code Playgroud)

我应该写:

var noPic = largeSrc.toLowerCase().indexOf("nopic");
Run Code Online (Sandbox Code Playgroud)

但是这个解决方案不起作用......

javascript

22
推荐指数
3
解决办法
6万
查看次数

jsPlumb:如何使流程图连接器避免交叉元素?

是否可以使jsPlumb流程图连接器不跨越可连接的项目或指定的元素(在示例中:带有'item'类的元素)?

默认流程图行为:

在此输入图像描述

期望的结果:

在此输入图像描述

这是我试过的:

http://jsfiddle.net/CcfTD/1/

编辑澄清

HTML

 <div id="root">
        <div class="item" id="item1">Item 1</div>
        <div class="item" id="item2">Item 2</div>
        <div class="item" id="item3">Item 3</div>
        <div class="item" id="item4">Item 4</div>
        <div class="item" id="item5">Item 5</div>
  </div>
Run Code Online (Sandbox Code Playgroud)

JS

   jsPlumb.connect({
    source: $('#item2'),
    target: $('#item7'),
    anchors: [ "Continuous" ],
    connector:[ "Flowchart" ],
    paintStyle: {
        strokeStyle: "#000000", 
        lineWidth:1
    }
});
Run Code Online (Sandbox Code Playgroud)

基本上让jsPlumb引擎(SVG或canvas)知道相关的DOM元素并有一个避免对象的方案

http://jsfiddle.net/adardesign/2ZFFc/

javascript svg canvas flowchart jsplumb

20
推荐指数
1
解决办法
1万
查看次数

什么是铁轨上的红宝石?

我是前端开发人员(HTML,CSS,JS和jQuery)我知道一点PHP.我试图了解Ruby/Ruby on Rails是什么.

http://rubyonrails.org/上,  它说"Ruby on Rails是一个开源的Web框架,它针对程序员的快乐进行了优化"

实际上,非梦想的术语,Ruby/Ruby on Rails的特殊之处,以及像我这样的人如何从学习使用它中获益?

我的简单问题是:姐姐是谁?PHP,mySQL,ASP,coldFusion,jsp,apache?

它有什么作用?

ruby ruby-on-rails

9
推荐指数
1
解决办法
778
查看次数

最小化jQuery实例与创建更多实例

我开始发布关于javascript/jQuery优化的一系列帖子,偶然发现了这个有趣的结果.

为什么最小化jQuery对象(通过从缓存的jQuery集合中搜索)比创建更多jQuery对象实例要慢?

我惊呆了,看到我准备的测试结果.我一直认为最小化创建$ instance的速度较慢.

这是我习惯写的,因为我缓存了父(我称之为"appRoot").

var appRoot = $("#appRoot");
    appRoot.find(".element1").css("color","red");
    appRoot.find(".element2").css("color","blue");
Run Code Online (Sandbox Code Playgroud)

VS

    $(".element1").css("color","red");
    $(".element2").css("color","blue");
Run Code Online (Sandbox Code Playgroud)

查看测试结果(略有不同的情况). jsperf minimize-jquery-object-creation事实证明缓存的片段比未缓存的片段慢.

我想知道为什么?

performance jquery jsperf

9
推荐指数
1
解决办法
223
查看次数

jQuery触发器事件但仍然有event.isTrigger false

jQuery提供了一个isTrigger属性,允许我们知道事件是"真实事件"还是仅"触发".

$(ele).on("click", function(e){
    if(e.isTrigger){
       // this event was only triggered, not a real event 
    }else{
      // this was a real event 
    }
}) 
Run Code Online (Sandbox Code Playgroud)

对于单元测试目的,有没有办法到trigger一个事件,并以某种方式覆盖isTrigger属性..并在事件回调仍然行为(通过拥有isTrigger === false)好像它是一个真正的点击事件..正在尝试以下代码:

var triggerClick = jQuery.Event("click", {
    isTrigger:false,
    data:{
        isTrigger:false
    }
Run Code Online (Sandbox Code Playgroud)

但它似乎没有正确传递它..

jquery events unit-testing

9
推荐指数
1
解决办法
1414
查看次数

计算图像B中图像A的大小

JS问题解决中的一些数学计算

我正在开发一个缩放图像功能,可以创建一个div带有大图像的新图像,该图像根据图像上的鼠标移动通过x和y移动.

大图像应该移动一定的%,这是我想要弄清楚的.它应该移动多少.

这是一些信息:

  • 小图像始终具有相同的大小和正方形.(它实际上总是221px X 221px)
  • 大图像变化(也总是正方形,可以是任何大小,如1000x1000)
  • 缩放器的视口始终相同.

我想计算小图像的大小(或反之亦然).

这是一个完整的大脚本的中间.我开始编写计算公式:再次,我想要的是逐步将百分比转换为像素.首先获取%然后将其转换为像素.

    zoomObj.caluculateSizes = function(){
        $(zoomObj.largeImage).load(function(){
            // zoomObj.callingEvent is the small image
           zoomObj.smlImgSize = zoomObj.callingEvent.width()
           zoomObj.lrgImgSize = zoomObj.largeImage.width()

           // How do i go from here?
    })
Run Code Online (Sandbox Code Playgroud)

js继续.......

javascript math jquery

5
推荐指数
1
解决办法
320
查看次数

获取层次结构的级别

我有一个对象数组,其中每个对象都有id一个ParentId属性(因此它们可以排列在树中).它们没有特别的顺序.

请注意,id's和parentId's将不是整数,它们将是字符串(只是想让示例代码更清晰......)

只有一个根:让我们说id:1数据看起来像这样:

 data = [
   {
        id:"id-2",
        parentId:"id-3"
    },
    {
        id:"id-4",
        parentId:"2"
    },
    {
        id:"id-3",
        parentId:"id-4"
    },
    {
        id:"id-5",
        parentId:"id-4"
    },
    {
        id:"id-6",
        parentId:"id-1"
    },
    {
        id:"id-7",
        parentId:"id-1"
    }
    // and so on...
]
Run Code Online (Sandbox Code Playgroud)

我正在寻找一种有效的方法来为每个对象赋予一个level属性,该属性应该指定嵌套级别...

它们应该是这样的:

data = [
    {
        id:"id-2",
        parentId:"id-1",
        level:2
    },
    {
        id:"id-3",
        parentId:"id-4",
        level:5

    },
    {
        id:"id-4",
        parentId:"id-2",
        level:3

    },
    {
        id:"id-5",
        parentId:"id-4",
        level:5
    },
    {
        id:"id-6",
        parentId:"id-1",
        level:2

    },
    {
        id:"id-7",
        parentId:"id-3", …
Run Code Online (Sandbox Code Playgroud)

javascript sorting algorithm dataflow hierarchy

5
推荐指数
1
解决办法
3081
查看次数

悬停时预取预渲染多个页面

我有以下的代码,预取和预呈现*悬停特定链接,我的问题是,我需要添加每次新的链接,还是不多,所以我改变href

$(".prerender").on("mouseover", function() {
        var link = $(this).attr("href"),
            prerenderLink = $("#prerenderLink");
        if (prerenderLink.length) {
            if (prerenderLink.attr("href") === link) return;
            prerenderLink.attr("href", link);
        } else {
            $('<link id="prerenderLink" rel="prefetch prerender" href="' + link + '" />').appendTo("body");
        }
    });
Run Code Online (Sandbox Code Playgroud)

删除、更改是否会href取消先前定义的预渲染/预取,href甚至将其从缓存中删除?或者因为它一旦留在缓存中就被调用了?

另外,哪里可以测试?

*因为预渲染是一项高级实验性功能,错误触发它会导致用户体验下降,包括带宽使用增加、其他链接加载速度变慢以及内容略显陈旧。如果您对用户接下来将访问哪个页面有很高的信心,并且您确实为用户提供了附加值,那么您应该只考虑触发预呈现。

html javascript prefetch prerender

5
推荐指数
1
解决办法
956
查看次数