小编hit*_*uct的帖子

如何使用多个关键帧定义循环css动画?

问题

我有两个css关键帧动画,我在一个元素上运行:

.fade-bg {
  animation-name: fade-bg-1, fade-bg-2;
  animation-delay: 0, 6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
Run Code Online (Sandbox Code Playgroud)

动画定义如下:

@keyframes fade-bg-1 {

  from {
      opacity: 0;
      background-image: url(image-1.jpg);
  }

  50% {
      opacity: 1;
      background-image: url(image-1.jpg);
  }

  to {
      opacity: 0;
      background-image: url(image-1.jpg);
  }

}

@keyframes fade-bg-2 { /* Same as fade-bg-1 only with image-2.jpg  */ }
Run Code Online (Sandbox Code Playgroud)

上面的工作,但当它到达第二个动画时,它不断重复该动画,并不循环回fade-bg-1.

我尝试了许多不同的组合animation-direction但无济于事.

问题

如何使动画返回fade-bg-1并重复自己?

这个例子

EXAMPLE

css animation css3 css-animations

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

如何重新发送失败的ajax请求?

我有多个ajax请求,每分钟一些请求数据由用户通过ui启动.

$.get('/myurl', data).done(function( data ){
   // do stuff..
});
Run Code Online (Sandbox Code Playgroud)

由于身份验证失败,请求可能会失败.我已经设置了一个.ajaxError()捕获任何失败请求的全局方法.

$(document).ajaxError(function( e, jqxhr ){
   // Correct error..
});
Run Code Online (Sandbox Code Playgroud)

在我发现错误后,我重置了授权.重置授权有效,但用户必须手动重新启动ajax调用(通过ui).

如何使用最初发送的jqxhr重新发送失败的请求?

(我正在使用jQuery for ajax)

javascript ajax jquery

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

如何使用Javascript将字符串中的子字符串剪切到最后?

我有一个网址:

http://localhost/40ATV/dashboard.php?page_id=projeto_lista&lista_tipo=equipe
Run Code Online (Sandbox Code Playgroud)

我想使用javascript在最后一次破折号后得到地址:

dashboard.php?page_id=projeto_lista&lista_tipo=equipe
Run Code Online (Sandbox Code Playgroud)

javascript string url

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

如何使用Java在运行时缩小不同的javascript文件

我正在尝试构建(或找到一个我可以使用的现有的)Web过滤器,它将在运行时压缩JavaScript文件.我已经尝试构建一个基于YUICompressor的程序,但是当我尝试将基于String的源代码传递给它而不是实际文件时,我得到了奇怪的错误.

现在我期待受到诸如"实时压缩/缩小是一个坏主意"的回应的轰炸,但有一个原因我不想在构建时这样做.

我有一个懒惰加载JavaScript的JavaScript Web应用程序.它只会加载它实际需要的东西.JavaScript文件可以指定依赖项,我已经有一个过滤器,它将连接所请求的文件和尚未加载到单个响应中的任何依赖项.这意味着JavaScript中将有大量不同的组合发送给用户,这使得尝试在构建时构建所有bundle变得不切实际.

所以重申一下.理想情况下,我正在寻找一个现有的实时JavaScript过滤器,我可以插入我的应用程序.

如果一个不存在,我正在寻找关于我可以用作构建块的提示.YUIC压缩器还没有让我在那里,GoogleClosure似乎只是一个Web API.

干杯,彼得

javascript java compression filter minify

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

如何使用自定义上传表单将文件上传到wordpress?

我不想使用Wordpress的内置媒体上传器.

我的网站上有一个表单(在前端),我需要允许任何人将图像上传到wp-content中的uploads文件夹.我找到了很多教程,但是他们都告诉我如何用wordpress uploader做到这一点.我需要能够验证用户上传的内容.

任何帮助是极大的赞赏!!!

谢谢.

wordpress file-upload

9
推荐指数
2
解决办法
4万
查看次数

如何在PHPExcel中获取一系列单元格?

我正在使用PHPExcel从xls文件中读取一些数据.

我想一次得到几个细胞,比如:A6 - A11.

我知道我可以$cell = $objPHPExcel->setActiveSheetIndex(0)->getCell('A6');用来获得一个单元格,我可以循环一个数组并让每个单元格在我的范围内.

但是,是不是有更简单的方法来获得一系列的细胞getCellRange('A6:A11')

php phpexcel

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

在directions_changed上刷新路标

我自己做了一个路线经理,有几个选项(比如avoidTolls travelMode avoidHighways waypoints)和可拖动的路线.

我创建var lastRequest = []DirectionsRequest properties从最后一个渲染存储.

代码如下所示:

directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        var directions = parseDirections(response, mode, tolls)
        directionsDisplay.setDirections(response)
    }
});

google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
    refreshReq(directionsDisplay.getDirections())
})

function refreshReq(response)
{
    //
}
Run Code Online (Sandbox Code Playgroud)

我很难找到一个解决方案来刷新directions_changedlastRequest['waypoints']的新数据,response所以我的脚本将能够存储一个路标对象并重做lastRequest我想要的任何时间.

当我从response我需要的路径阵列中取出时会遇到困难

试过几个变种:
lastRequest['waypoints'] = response['routes'][0]['legs'][0]['via_waypoints']
但事实并非如此.

下一步是逐个重新生成每个路点,new google.maps.LatLng()但由于某种原因,即使我用eval()将它们推入数组后也无法工作.

将中途停留更改为false/true,尝试了不同的东西,但没有,必须遗漏一些东西.

javascript javascript-events google-maps-api-3

8
推荐指数
1
解决办法
2423
查看次数

@ font-face如何工作?

我知道使用@ font-face允许浏览器下载自定义字体并在网页中使用它,就像任何系统字体一样.

我想知道的是浏览器是否对字体进行编码或使用它而不暴露它?

谢谢

fonts css3 font-face font-embedding

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

如何用Fancybox 2.1.5中的自定义按钮替换默认控件?

在Fancybox 2.1.5中,我想用我的自定义按钮替换默认控件(精灵上的新预加载器+关闭/下一个/上一个按钮).

我不确定如何正确调整css代码.我尝试按如下方式修改CSS ,但是出现了问题,"下一个"图标显示在右上角而不是"关闭"按钮.

你可以在这个要点上看到我的代码.

html css jquery fancybox fancybox-2

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

如何在不实例化根实例的情况下使用vue组件?

细节

我正在使用不同页面设置的网站上工作.

我的设置不是SPA,因此我没有单个根实例的私有化.

问题

这意味着如果我创建一个组件,每次我想使用我的组件时都必须注册一个root vue实例.

问题示例

我将自定义组件创建为全局组件:

Vue.component('mycomponent', { /* options */ });
Run Code Online (Sandbox Code Playgroud)

根据vue文档,我必须注册一个根实例才能使用我的组件

new Vue({ el: '#root-instance' });

<div class="header" id="root-instance">
  <mycomponent></mycomponent>
</div>
Run Code Online (Sandbox Code Playgroud)

然后在另一个部分我想使用相同的组件,但我必须创建另一个根实例:

new Vue({ el: '#other-root-instance' });

<div class="sidebar" id="other-root-instance">
  <mycomponent></mycomponent>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试使用类进行实例化,例如:

new Vue({ el: '.root-instance' });
Run Code Online (Sandbox Code Playgroud)

但是视图只加载一次.

是否有任何方法可以加载组件但不会在每次使用时实例化根实例?

注意:我在页面上有几个根实例,因此无法为页面声明单个根实例.实际上,我不想让我的页面成为单页面应用程序.

vue.js vue-component vuejs2

6
推荐指数
1
解决办法
2083
查看次数