小编Rya*_*yan的帖子

我一直在寻找一种方法来缓存页面,仅在用户离线时使用,否则正常下载页面.但是,一旦检测到缓存清单,浏览器将仅从这些缓存页面加载.

我的搜索让我登陆http://whatwg.org.关于编写缓存清单的部分引起了我的注意.这是一段摘录:

部分标题

节标题会更改当前节.有四种可能的节标题:

CACHE:
    Switches to the explicit section. 
FALLBACK:
    Switches to the fallback section. 
NETWORK:
    Switches to the online whitelist section. 
SETTINGS:
    Switches to the settings section.

Run Code Online (Sandbox Code Playgroud)

前三个是众所周知的,但我没有听说过最后一个标题,SETTINGS:.文件继续这样说:

目前只定义了一个设置:

缓存模式设置

这包含字符串" prefer-online".它将缓存模式设置为prefer-online.(缓存模式默认为快速.)

这让我想知道这个prefer-online设置是不是我想要的.我希望这个设置会告诉浏览器它应该只在设置设置时加载缓存页面fast,否则如果用户在线则下载页面.

不幸的是,我找不到任何关于此的其他信息或解释.有没有人遇到有关prefer-online设置的任何信息？或者关于SETTINGS:一般的部分？

如何将下表变成jquery/javascript中的JSON字符串？

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A1</td>
      <td>A2</td>
      <td>A3</td>
    </tr>
    <tr>
      <td>B1</td>
      <td>B2</td>
      <td>B3</td>
    </tr>
    <tr>
      <td>C1</td>
      <td>C2</td>
      <td>C3</td>
    </tr>
  </tbody>
</table>

我想这样做,我可以在变量"myjson"中获得一个可以在POST请求或GET请求中使用的JSON字符串:

{
  "myrows" : [
    {
      "Column 1" : "A1",
      "Column 2" : "A2",
      "Column 3" : "A3"
    },
    {
      "Column 1" : "B1",
      "Column 2" : "B2",
      "Column 3" : "B3"
    },
    {
      "Column 1" : "C1",
      "Column 2" : "C2",
      "Column 3" : "C3"
    }
  ]
}

完成此任务的最佳方法是什么？(注意:可能存在不同数量的行,我只想提取文本而忽略表中的其他标记)

如果你看看下面的JS :(直播:http://jsfiddle.net/RyanWalters/dE6T3/2/)

var projects = [
    {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
    },
    {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
    },
    {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
    }
];


$("#autocomplete").autocomplete({
    source: function(request, response){
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
        response( $.grep( projects, function( value ) { …

我想做什么

我试图li在一个ul(证明)中均匀地间隔.当我硬编码时,CSS工作li,但是当我使用时ng-repeat,CSS不再应用.

HTML

<div ng-app="SampleApp">
    <div ng-controller="ListCtrl">
        <ul class="two-column">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <ul class="two-column">
            <li ng-repeat="item in items"></li>
        </ul>
    </div>
</div>

CSS

.two-column {
    text-align: justify;
}

.two-column:after {
    content: '';
    display: inline-block;
    width: 100%;   
}

小提琴

http://jsfiddle.net/RyanWalters/M8228/

预期结果

两个列表之间应该有空格li.

实际结果

生成的列表ng-repeat在每个列表之间没有空格li.

为什么会这样？

为什么绝对定位的伪元素z-index在使用时会失去它transition？

小提琴: http ://jsfiddle.net/RyanWalters/jNgLL/

发生了什么？ 单击时li,它会向左滑动而不更改任何z-index值.然而,:after内容突然出现在li.

应该怎么办？ 我希望它会隐藏在背后li.

CSS(简化了一点,请参阅完整示例的小提琴):

li {
    position: relative;
    transition: transform 0.2s;
}

li.active {
    transform: translateX(-100px);
}

li:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    content: "Yada yada";
}

为什么:after内容不落后li？

是否可以发送一组常用选项:

var commonVars = {
    autoOpen:       false,
    draggable:      false,
    resizable:      false,
    show:           'fade',
    hide:           'fade'
};

到对话框:

$('#dialog_1').dialog({
    //Common vars go here somehow
    width:          275,
    height:         170,
    dialogClass:    "class1 class2"
});
$('#dialog_2').dialog({
    //Common vars go here somehow
    width:          600,
    height:         350,
    dialogClass:    "class3 class4"
});     

在Knockout JS中,是否可以foreach将该增量增加2？类似的东西:

for (var i = 0; i < array.length; i += 2) {
    // Do stuff
}

我之所以这样做是因为我需要循环的数据是一个数组而不是一个对象.例:

viewModel = function () {
    this.facets = ["Sample", 100, "Sample 2", 200];
}

但是数据需要像这样显示:

<ul data-bind="foreach: facets"> <!-- Can this foreach be incremented by 2? -->
    <li>$data[$index]: $data[$index + 1]</li>
</ul>

任何帮助将不胜感激.

我的背景图像的行为是,当我调整浏览器窗口大小时,图像总是完全居中.它在顶部,左侧,右侧和底部与浏览器窗口的边缘相同的"距离".

CSS:

background-image: url("ipad.jpg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 563.5px 800px;

我有一个div覆盖这个图像,我希望它的行为方式与背景图像相同,因此它始终位于同一位置的背景图像上方.

这甚至可能吗？如果是的话.怎么样？我希望你明白我想要实现的目标.:) 非常感谢您的帮助.:d

将Zend Framework网站部署到共享主机时,通常无法将DocumentRoot更改为指向网站的公共/文件夹.因此,该网站的URL现在是http://www.example.com/public/.这看起来不太专业,所以我想删除它.到目前为止,我已经使用过ZF1,Rob Allen在他的博客http://akrabat.com/zend-framework/zend-framework-on-a-shared-host/上提供了一种方法.我试图为ZF2修改它.他建议在根目录中放置一个index.php文件:

include 'public/index.php';

执行此操作后,http://www.example.com打开索引页面确定但CSS链接已损坏.Rob添加了一个控制器插件,将baseUrl重置为/ public以处理面向公众的CSS和图像文件等.为了在ZF2中执行此操作,我在Matthew Weier O'Phinney找到了一个项目http://zend-framework-community.634137. n4.nabble.com/Setting-the-base-url-in-ZF2-MVC-td3946284.html其中他描述了如何设置baseUrl.基于他的代码,我将其添加到modules/Application/Module.php中

class Module {
    public function onBootstrap(MvcEvent $e) {
        $config          = $e->getApplication()->getServiceManager()->get('config');
        $router          = $e->getApplication()->getServiceManager()->get('router');        
        $router->setBaseUrl($config['base_url']);
    }
}

base_url键在modules/Application/configs/module.config.php中设置:

'base_url' => '/public'

我能够转储路由器对象并确认在此阶段正确设置了base_url.不幸的是,现在http://www.example.com不再打开索引页面并给出404路由错误.

有人能够告诉我我做错了什么或者指出我在共享托管环境中运行ZF2站点的正确方向吗？