小编JSA*_*kis的帖子

动画完成后如何使动画的最后一个关键帧"保持"状态

我尝试了很多次迭代,但它似乎并不想留在最后一个关键帧上.

我不知道我在这里做错了什么.

<style>
#container{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: black;
}
#centerhex{
background-image:url(http://i.imgur.com/4sZDtfK.png);
background-repeat:no-repeat;
background-position:center; 
height:224px;
width:210px;
position:absolute;
margin-left: -105px;
margin-top: -112px;
top:50%;
left:50%;
}   
.fadein{    
animation:fadein 1.5s;
animation-timing-function:linear;
animation-delay:1s;
animation-fill-mode:forwards, none
animation-iteration-count: 1
-webkit-animation-iteration-count: 1
-webkit-animation:fadein 1.5s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:1s;
-webkit-animation-fill-mode: forwards, none
}
.transtart{
opacity:0
}
@-webkit-keyframes fadein { 
0%{opacity:0;}
50%{opacity:1;}
60%{opacity:1;}
100%{opacity:0.2;} 
}
@keyframes fadein {
0%{opacity:0;}
50%{opacity:1;}
60%{opacity:1;}
100%{opacity:0.2;} 
}
</style>
</head>
<body>

<div id="container">
<div class="fadein transtart">
    <div id="centerhex"></div>
</div>
</div>

Run Code Online (Sandbox Code Playgroud)

动画填充应该照顾它,但由于某种原因它不是.任何帮助将不胜感激.

css css3 css-animations

JSA*_*kis

2013 12-27

31
推荐指数

1
解决办法

3万
查看次数

有没有办法可以强制chrome进行子像素渲染以实现慢速翻译？

我做了一个非常缓慢的背景图像过渡(一个向左缓慢滑动的空间视图).我的问题是它在Firefox上看起来很漂亮,但在Chrome上看起来很糟糕.由于Chrome缺少亚像素渲染,我得到了"抖动"的效果,图像只是捕捉到下一个像素.我无法加速图像,因为它会破坏我想要实现的效果.我尝试过使用TranslateZ()技巧,我已经尝试了每一个我能想到的CSS3效果让它看起来更好,我尝试过Kinetic.js,我甚至尝试过Babylon.js希望WebGL能解决我的问题.

在这一点上,我不知所措,我可能只需要为Chrome用户提供一个静态背景,并为Firefox用户提供更多关于我可以为UI UX做的简洁小事,然后在我的网站上放置免责声明说该页面最好在FF中查看.

我真的不想这样做.有什么工作吗？

javascript css google-chrome

JSA*_*kis

lucky-day

13
推荐指数

1
解决办法

3995
查看次数

无法从节点中的 csv 文件流中读取重音字符

开始。我目前正在使用 npm fast-csv，这是一个很好的 CSV 读取器/写入器，非常简单明了。我试图做的是将它与 iconv 结合使用来处理“重音”字符和非 ASCII 字符，并将它们转换为 ASCII 等效字符或根据字符删除它们。

我当前使用 fast-csv 执行的过程是通过读取流引入一个块进行处理（作为一行），暂停读取流，处理数据，将数据通过管道传输到写入流，然后恢复读取流使用回调。Fast-csv 当前知道根据来自读取流的数据格式将数据块分隔到何处。

整个过程是这样的：

var stream = fs.createReadStream(inputFileName);
function csvPull(source) {
    csvWrite = csv.createWriteStream({ headers: true });
    writableStream = fs.createWriteStream(outputFileName);
    csvStream = csv()
        .on("data", function (data) {
            csvStream.pause();
            processRow(data, function () {
                csvStream.resume();
            });
        })
        .on("end", function () {
            console.log('END OF CSV FILE');
        });
    csvWrite.pipe(writableStream);
    source.pipe(csvStream);
}
csvPull(stream);

Run Code Online (Sandbox Code Playgroud)

我目前遇到的问题是，我注意到由于某种原因，当我的 javascript 编译时，它本身并不能识别非 ASCII 字符，所以我不得不使用 npm iconv-lite 来对数据流进行编码进入一些可用的东西。然而，这带来了一个更大的问题，因为由于现在编码的数据，fast-csv 将不再知道在哪里分割块（行）。由于我将使用的 CSV 的大小，这是一个问题；将整个 CSV 加载到缓冲区中然后进行解码将不是一个选项。

有没有关于如何在不将自己的 CSV 解析器写入代码的情况下解决这个问题的建议？

javascript csv node.js

JSA*_*kis

lucky-day

6
推荐指数

2
解决办法

3244
查看次数

我应该在以下案例实例中使我的SQL查询异步吗？

总结一下我的问题:我必须对3个不同的端点进行3次单独调用.我必须通过大量记录以编程方式执行此操作.其中两个调用是使用异步HTTP请求到两个不同的,我使用aysnc await.我要做的第三个调用是对没有API包装器的MS SQL数据库的查询.对API的两次调用每次需要大约22秒,对数据库的查询需要大约2秒.单独这是好的,但是当我将MS SQL查询作为方法链的一部分时,整个事物变得同步.我最初会将用户大量时间用于同时查询两个API,我的应用程序将在尝试下次调用数据库之前等待这些查询完成.

我之前被告知数据库查询是事务性的,不能异步.我想知道这是否属实,我实际上可以对数据库进行真正的异步调用.

我的另一个选择是在执行作业时预先填充List<T>我可以从一系列SQL查询创建的对象到数据库.但是我担心的是这个列表中存储的对象的潜在数量,是否存在需要处理数十万条记录的某些作业的内存过载的危险,或者可能是搜索对象的速度是否正确值.

c# database sql-server asynchronous

JSA*_*kis

2016 08-07

2
推荐指数

1
解决办法

521
查看次数