小编dav*_*all的帖子

过期和CDNS - YSlow问题

我首先要提一下,我已经做了一些挖掘,但似乎无法找到我要找的正确答案.

我正在使用一些外部资源的网站上工作:

使用内容分发网络(CDN)

我在"使用内容分发网络(CDN)"上获得了"F"级.一个不同的SO Post链接到YSlow FAQ(直接链接),但这似乎表明我需要在我的浏览器上定义我的CDN,这对我来说似乎是一个快速解决方案,但这并不能解决其他浏览器和/或设备.

添加Expires标头

至于"添加过期标题"等级,我得到了E.问题是,这就是我得到的:

There are 3 static components without a far-future expiration date.

(2014/2/26) http://fonts.googleapis.com/css?...
(2014/2/26) http://www.google-analytics.com/analytics.js
(2014/2/26) http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js
Run Code Online (Sandbox Code Playgroud)

我怎么去纠正这个?我的本地文件都由我所照顾,.htaccess如下所示:

AddType image/x-icon .ico

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month" …
Run Code Online (Sandbox Code Playgroud)

performance cdn yslow

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

联系表格7收件人的动态数量

我在一个表格上工作,其核心是两个字段集:主要和"其他收件人"; 在"其他收件人"字段集的末尾,我有一个"添加另一个收件人"链接.

这是谁需要什么:

主要收件人:一切

其他收件人: "其他收件人"字段集;

后续收件人:各自的字段集

到目前为止,我一直在查看文档但在那里没有太多运气,也不是我所期望的.


编辑

我认为这还不清楚,所以我会更明确地说明背景是什么.我form是一个注册,我们可以注册多个人; 其中一个字段标有"您的电子邮件".由于我们可以同时注册多个人,因此我需要复制fieldset包含"您的电子邮件".


编辑2

为了帮助澄清,想象一下,我们正在为夏令营注册孩子.第一个fieldset是通用的,比如父母的账单信息,第二个fieldset是孩子的信息.父母需要能够填写单个form并动态添加与父母愿望一样多的孩子.

在每个孩子中fieldset,他们的电子邮件都是必需的,他们会收到与这个孩子相关的信息,其中的电子邮件类似于:

Hello {children's name},

You've been registered to StackOverflow Summer Camp. Here's the information you need to know:

[...]

Thanks for being a good sport!
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助.

wordpress contact-form-7

7
推荐指数
1
解决办法
1212
查看次数

CSS3动画polyfill

我想要一个CSS3动画工作; 在所有主流浏览器中工作正常,但IE9和更旧(在那里并不奇怪).所以没有进一步的麻烦,这里是CSS:

#grosse_photo {
    /*...*/
    -webkit-animation: photoFade 12s infinite;
    -moz-animation:photoFade 12s infinite;
    -ms-animation: photoFade 12s infinite;
    animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
}
    @-webkit-keyframes photoFade {
        0%   { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    @-moz-keyframes photoFade {
        0%   { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    @-o-keyframes photoFade {
        0%   { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    @keyframes photoFadee {
        0%   { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
Run Code Online (Sandbox Code Playgroud)

我使用-ms前缀认为它会反应如此 …

css css3 polyfills css-transitions

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

CSS3 渐变在悬停时闪烁

我正在尝试使用 CSS3 渐变并尝试在鼠标悬停时将其移入。正如您从这个jsFiddle中看到的,CSS 渐变出现在:hover; 然而,它似乎闪烁了几次。

仅供参考,到目前为止,这已经在 // 上进行了Chrome v30测试。Firefox v24Safari v5.1

单独来看,两者都被证明是有效的解决方案,但结合起来,我得到了闪烁的效果。

nav li {
    width: 90px;
    padding-right: 15px;
    padding-left: 15px;
    height: 30px;
    border: 1px solid #000;
    float: left;
    list-style-type: none;

    background-position: -200px -200px;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

nav li:hover {
    background-position: 200px 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(96,96,96,0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), …
Run Code Online (Sandbox Code Playgroud)

html css css-transitions

4
推荐指数
1
解决办法
3032
查看次数

mysqli_fetch_array()foreach循环重复

我正在对返回的数据库执行请求array.我正在使用foreach循环来遍历值.

数据库(只有1个条目)

id | field1 | field2 | field3 | field4 | field5
---|--------|--------|--------|--------|--------
1  | value1 |        | value3 | value4 | value5
Run Code Online (Sandbox Code Playgroud)

PHP源代码

$mysqli = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
$q = mysqli_query($mysqli, "SELECT * FROM my_table");

echo "<ul>";
    while($q = mysqli_fetch_array($q))
    {
        foreach ($q as $key => $value)
        {
            if($value != NULL)
            {
                echo "<li>".$value . "</li>";

                // Line below used to show column name and corresponding value
                //echo "<li><strong>{$key}</strong> / <em>{$value}</em></li>"; …
Run Code Online (Sandbox Code Playgroud)

php mysql sql arrays foreach

3
推荐指数
1
解决办法
976
查看次数

CSS疯了

出于某种原因,我的媒体查询存在问题.

这是我的CSS的样子

#main {
    font-size: 16px;
    font-size: 1.6rem;
}
Run Code Online (Sandbox Code Playgroud)

使用PHP,我为每个浏览器的HTML提供一个类,以防黑客,即IE,如下所示:

<?php
   // ----| user agent (browser) |----------------------------
      $msie = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false;
      $firefox = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false;
      $safari = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false;
      $chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
?>
<html class="<?php if($msie == true){ echo "msie "; } if($firefox == true){ echo "firefox "; } if($safari == true){ echo "safari "; } if($chrome == true){ echo "chrome "; } …
Run Code Online (Sandbox Code Playgroud)

css

-1
推荐指数
1
解决办法
166
查看次数