小编Cap*_*ack的帖子

伪代码可能是展示我在jQuery中要做的事情的最佳方式:

$(selector).each(function() {
    // pull data from LI tags or whatever, store in variables (imgURL, tagline, summary)
    $someDataStructure.add({imgURL, tagline, summary});
});

然后......参考结构

 $someDataStructure.each(function() {
     var x = $someDataStructure['imgURL'];
     // etc.
 });

关于如何做到这一点的任何建议？

在这里非常简单的设置,我只是想让两个div并排坐下.图像在左侧,文本在右侧.出于某种原因,如果文本太长,它会推动div.我想让cs-summary div理解它应该包装文本,以便不像它一样跳下来:

http://jsfiddle.net/csaltyj/5Huau/

码:

<div class="container">
    <div class="cs-image">
        <img src="http://www.electroniccampus.org/school_logos/CFNC/Wake_Forest_University/Wake_Forest_University2.jpg" />
    </div>
    <div class="cs-summary">
        <p>Texty text text McTexterson likes to text. Why is div getting shoved down?</p>
    </div>
</div>
<div class="container">
    <div class="cs-image">
        <img src="http://www.electroniccampus.org/school_logos/CFNC/Wake_Forest_University/Wake_Forest_University2.jpg" />
    </div>
    <div class="cs-summary">
        <p>Super short text behaves.</p>
    </div>
</div>

CSS:

.container {
    overflow: hidden;
    border: 2px solid #0f0;
    width: 400px;
    margin-bottom: 1em;
}

.cs-image {
    float: left;
    border: 2px solid red;
}

.cs-summary {
    font-size: 0.8em;
    border: 2px solid blue;
    float: left;
    margin-left: 1em; …

当然,像NetBeans一样功能强大的IDE并不是一件容易的事,但是因为我只是在输入代码,所以这就是它如何格式化它:

$(document).ready(function() {
    if (someVar > 2)
        {
            complain('that is not how you indent braces');
        }
        else if (someVar == -1)
            complain('this is not right either!');
        else
            {
                complain('but it did auto outdent the else which is smart');
                complain('smart indeed');
            }
});

我该如何解决这个问题,因此格式如下:

$(document).ready(function() {
    if (someVar > 2)
    {
        // this is how it's done
    }
    else if (someVar == -1)
        // this is right
    else
    {
        // correct
    }
});

我不能使用回调,因为我有这样的场景(伪代码):

$('.box').on('click', function() {
    $('.expanded-box').animate({
        // shrink it
    });

    $(this).animate({
        // grow it
        $(this).addClass('expanded-box');
    });
});

我不能将扩展动画放在expanded-box增长动画的回调中,因为它可能并不总是发生.但是我需要第二个动画才能等到上一个动画完成.我怎样才能做到这一点？

对不起,我无法发布完整的代码,我正在研究专有的东西.基本上我有一个问题,其中具有z-index 6的DIV被具有z-index为5的覆盖DIV阻止.是否有任何情况会导致这种情况发生？我正在试图弄清楚为什么会发生这种情况.它没有任何意义.position可能与嵌套DIV或CSS 有什么关系吗？

我为模糊而道歉.我试图在JSFiddle中重新创建但不幸的是它按预期工作.只有实际的代码是不可靠的.

结构体:

<div id="window">
    <div id="wall">
        <div class="box" /><div class="box" /> .... many boxes
    </div>
</div>
<div id="overlay" />

CSS:

#window {
    position: relative;
    width: 960px;
    height: 700px;
    overflow: hidden;
    background: #666;
}

#wall {
    position: relative;
    width: 1640px;
    height: 1600px;
    -webkit-perspective: 2000;
}

#overlay {
    position: absolute;
    z-index: 5;
    background: #000;
}

.box {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 228px;
    height: 228px;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.8em; …

我现在正在深入研究响应式CSS和设计,我想知道我应该如何计算各种设备宽度.我不想花一整天的时间来测试每一台移动设备,我只想让响应式布局足够好.

我看到一些网站使用@media only screen and (max-device-width: xx)但似乎将其限制为非常具体的分辨率,而不是实际的浏览器窗口大小.

任何建议都会很棒.我不是Web开发或CSS的新手,但对响应式设计来说却是全新的.

我对如何使用前端(例如Angular)和后端(例如Phalcon)上的框架开发Web应用程序感到困惑.Phalcon的文档有点像:

<?php

echo "<h1>Hello!</h1>";

echo Phalcon\Tag::linkTo("signup", "Sign Up Here!");

但是我不会使用Angular的{{ }}模板符号来打印东西吗？所以如果我使用Angular,我真的需要使用Phalcon,Laravel或任何其他PHP MVC吗？

我想我试着在一个非常基本的层面上问:如果我使用Angular,我不能只在后端使用单个PHP文件而不使用PHP MVC吗？

(抱歉,我不确定如何说出这个问题;我可能会重新编辑)

我很好奇如何构建一个 MongoDB，在那里你有多对多的关系，可能有数万条记录。

假设您有一个餐厅数据库，用于跟踪大量餐厅以及所有入住过这些餐厅的人。因此，用户可能想要查找一个人并查看他们已签到的所有餐厅，但也可以查找一家餐厅并查看所有签到的人。

如何以一种有意义且易于搜索和更新的方式构建它？

我是Raphael的新手，我想知道是否有一种方法可以绘制一个rect，并在其中绘制文本并以某种方式附加它，以便当我移动和缩放rect时，文本也可以移动和缩放？如果没有，我怎么能达到那个效果？

这让我疯了.我一直在使用Firefox检查器试图弄清楚Headway网站上的箭头是如何制作的(下图).

我通过检查器删除了块来削减代码,并将其归结为:

无论身在何处我检查,我能不能找到任何这样的形状.没有背景图片,没有字形,没有.在这一点上它几乎不重要,但是我正在试着弄清楚他们是怎么做到的!

任何CSS大师都会关注一下,看看吧？为了学习.:)