小编Lov*_*ing的帖子

动画.GIF与Spritesheet + JS/CSS

哪个将最适合性能,文件大小,(和我的理智):动画.gifs或带有动画的spritesheet使用CSS(和JS需要时)?

文件大小

所以,老实说我不确定哪个会更好,因为我不了解帧的压缩.gif.我的猜测是,如果我可以正确地摆动它们,它们最终会大致相等,但是如果这是错误的,或者这是因为不同的原因让我知道.

在我看来,这里的主要优点是Spritesheets,因为我可以在一张纸上包含多个动画(我们在这里谈论数百个动画精灵).基于我以前的一个问题,我知道我可以轻松地在CSS中使用单个框架image-rect().与.gif文件一样,我实际上只能包含一个动画,因为每个动画可能会有不同的持续时间.

附录:此外,一些动画重复给定的精灵,所以spritesheet只需要有一个帧的副本,其中.gif需要有所有帧(至少据我所知).

性能

在这里再次猜测,我的直觉告诉我,动画.gif的速度会明显加快,因为我不必管理所有的动画,同时我正在为其他事情做很多JS代码.但是,我不确定,也许浏览器会受到30多个动画片.gif的重大影响.

我的理智

spritesheets是为我而制作的,所以我的工作一开始就很高(写作和动画引擎和手工编码一张/每张).但是一旦编写,它就可以正常使用,并且spritesheet中的更改需要对代码进行最少的更改.

另一方面,动画.gif文件不是Photoshop中的蛋糕(如果你有更好的程序,告诉我).每个人都必须手工制作,这是一个漫长的过程.但是,一旦它们制成,我真的不需要改变它们.我的spritesheets不太可能很快改变,所以很有可能它会成为一个完成.

我的问题(tl; dr)

在文件大小方面,它可以更好地扩展到数百个动画(包括HTTP报头传输,因为它将通过网络传输),现代浏览器中的性能以及易于创建(最低优先级,但如果您可以让我的工作更轻松,或者争论这个,我将不胜感激),.gif从spritesheets构建的动画文件,或者只是使用CSS和我已经拥有的spritesheets?

例子

动画精灵(60帧) VS 与spritesheet相同的动画

css performance filesize animated-gif sprite-sheet

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

<td>上的溢出属性不会创建滚动条

我试图创建一个<td>溢出的表格单元格,但它不起作用...

有我的CSS代码:

td.blog_content
{
    max-height: 50px;
    overflow: auto;
    width: 360px;
    text-align: left;
    padding: 2px;
}
Run Code Online (Sandbox Code Playgroud)

我的HTML:

<td class="blog_content"><?php echo $blog['content']; ?></td>
Run Code Online (Sandbox Code Playgroud)

如果文本太长,它会创建一个带滚动条的简单框...

html css height overflow

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

是否可以通过CSS 3使用文本内容设置元素中文本的颜色?

好吧,所以这更像是一个有很多不是CSS的解决方案的问题,但我正在寻求从理论的角度来做更多的事情.我有一个应用程序,但它不值得以任何其他方式编码.

(有趣)问题

如何使用元素的文本为元素的文本着色?我有一个元素,它都是自己的,它将包含一个颜色的十六进制值,我希望文本是那种颜色,但我想只使用CSS(可能只能使用CSS 3).

示例HTML

<div class="color_contents">#0000FF</div>
Run Code Online (Sandbox Code Playgroud)

所以,我试图用attr()没有成功,但我不知道我使用的是正确的内容(我试过text,textContentinnerText无济于事).不需要跨浏览器,只是一种完成它的方法.

css css3

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

copy和move_uploaded_file之间的区别

copy()和move_uploaded_file()之间有什么区别

我认为两个函数执行相同的操作然后有什么区别?

copy ( $_FILES['file']['tmp_name'], 
     "C:/Apache/htdocs/" . $_FILES['file']['name'] ) 


move_uploaded_file($_FILES['file']['tmp_name'], 
     "C:/Apache/htdocs/" . $_FILES['file']['name'])
Run Code Online (Sandbox Code Playgroud)

php

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

在 &lt;aside&gt;&lt;/aside&gt; 标签中包含 &lt;nav&gt;&lt;/nav&gt; 标签在语义上是否正确?

过去几天我一直在想这个问题,并认为我应该在这个网站上注册,因为我正在寻找的大多数答案都来自这里。但是,我无法找到这个答案。

我只是想知道将 nav 标签嵌套在 aside 标签中在语义上是否正确?我是 XHTML 中 HTML5 场景的新手。

<aside>
    <nav id="locations">
        An Arizona City Here
        An Arizona Mountain Range
        An Arizona Destination Here
        Somewhere Arizona
        Tucson Location
        Bisbee Location Etc...
    </nav>
</aside>
Run Code Online (Sandbox Code Playgroud)

html

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

AJAX状态码<400成功吗?

基本上它归结为,有没有哪里会是任何情况下了我400下呼吁状态码成功回调函数?

在查看HTTP的状态代码列表时,我认为不会有,但我想确定.我不认为我会得到1XX级别的代码,因为他们看起来大多数都会在处理完整的请求之前返回并且readyState === 4(我不关心IE 7的122).我仍希望在302和304状态代码上恢复成功.那么,status < 400赶上这一切的一种可接受的方式?

javascript ajax httpresponse

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

Canvas arc()vs drawImage()

这可能看起来无害,但是当以每秒30帧的速度进行1000次以上时,它确实会增加.我绘制了3种尺寸的圆圈,每种圆圈都有自己的填充颜色(RGBA).我将它们作为图像绘制一次,并drawImage()与数据URL一起使用,或者arc()为每个图像做些什么?

额外的信息:

  • 为所有圆圈使用单个画布
  • 上下文和画布被缓存
  • 此刻完全呼吁弧线看起来像

    this.scene.context.arc(newLocation,this.y + = this.speed/80,this.distance/2,0,Math.PI*2,false);

performance html5-canvas

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

在 Windows 上将一个带有空格的参数传递给 node.js 脚本

我正在 Windows 上从命令行运行节点脚本,并尝试传入包含空格的文件夹路径。当通过 require 模块或通过process.argv变量访问这个参数时,我似乎没有得到我所期望的。对于以下命令:

node script.js "C:\path\to\folder\with a space\"
Run Code Online (Sandbox Code Playgroud)

我似乎得到以下值:

process.argv[2] = C:\path\to\folder\with a space\"

注意"字符串中的尾随。如果参数不带引号传递,它显然将它作为在空间上拆分的不同参数传递。

我做错了什么,还是这是一个错误?如果这是一个错误,是否有可能的解决方法?

arguments node.js

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

文件["某些名字"]真的有什么作用?

这段代码

<img name="n1" src="" />
<h1 name="n2">a header</h1>
<script>
document["n1"].src = "http://x.y/picture.jpg";
document["n2"].innerHTML = "Boo";
</script>
Run Code Online (Sandbox Code Playgroud)

<img><h1>标签不同的东西.图像src按照预期的document["n1"].src线条改变.但是标题innerHTML没有像预期的那样改变document["n2"].innerHTML.什么document["some string"]真的回归?

html javascript document

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

尝试从 PyCharm 运行远程解释器的调试配置时出现语法错误

我正在设置一个 Google App Engine Django 项目以在 Vagrant 环境中运行,以便轻松设置/拆卸系统,并使用 PyCharm 作为 IDE。我能够在远程机器上使用 PyCharm 成功地让服务器运行,但是如果我尝试使用远程调试器启动调试会话,PyCharm 会给我一个非描述性错误:

运行 webapp 时出错:无法运行远程 python 解释器:无法从输出中获取远程套接字,stderr 文件“”,第 1 行
    进口
         ^
语法错误:无效语法

我将尝试尽可能多地包含有关设置的信息:

  • Windows 10 主机,Ubuntu 14.04 来宾
  • Python 是 2.7.10 版本
  • /home/vagrant/www/shell/python-su.sh设置为python解释器。只是传递参数以sudo /usr/bin/python $@使其在 vagrant/GAE 中工作
  • PyCharm 中的 GAE 目录设置为/home/vagrant/google_appengine/使其在远程机器上工作
  • 这是我用于启动调试客户端的 PyCharm 配置设置的屏幕截图:
    PyCharm 配置设置

所有这些都与我为运行配置所做的相匹配,并且工作正常。只有调试配置会引发此错误。

django google-app-engine pycharm vagrant

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

Java中的离散傅里叶变换(非FFT)

我正在为Java中的CSE类做一个任务,并且正在实现FFT和直接DFT(使用矩阵计算).我的FFT工作正常,但我的直接DFT无效.我的傅立叶矩阵没有出现正确的值,我想知道它是否是用户错误,或者问题是否存在于我正在使用的Complex类中(org.apache.commons.math.complex).有了这样一个主流类,我想象它只是用户错误,所以如果有人能指出它,那就太好了.

我的傅里叶矩阵计算如下:

Complex[][] fmatrix = new Complex[cvector.length][cvector.length]; // Initialize Matrix
    for(int k = 0; k < n; k++) { 
        double val = -2.0 * k * Math.PI / n; // Calculate exponential value
        Complex w = new Complex(0.0,val); // Store that in a Complex value and set imaginary piece to the exponential value
        for (int l = 0; l < n; l++) {
            Complex powerof = new Complex((double) (k*l),0.0); // Calculate the power to take it to
            fmatrix[k][l] …
Run Code Online (Sandbox Code Playgroud)

java fft matrix complex-numbers

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

处理中的图像在旋转时消失

我正在使用Processing语言做一个小游戏,但我遇到图像和旋转问题.如果我没有旋转它,我的精灵显示正常,但如果它旋转它会完全消失.这是轮换代码:

void display(boolean alternate) {
    pushMatrix();
    if(!isHead && !isTail && alternate) rotate(radians(180));
    rotate(radians(90*direction));
    image(snake, x, y, linkSize, linkSize);
    popMatrix();
}
Run Code Online (Sandbox Code Playgroud)

direction为0或alternate为真且direction为2时,则显示图像.否则,不显示图像.我不确定它是否重要,但是蛇是具有alpha透明度的.png图像.蛇的宣言是snake = loadImage("SnakeLink.png");.

java processing transformation image rotation

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

将输入字段添加到 div 容器(javascript)

我想在 div 容器的末尾添加一些 html 数据。目前,我使用innerHtml来做到这一点:

<script language="javascript">
var addid = 0;

function addInput(id){
    var docstyle = document.getElementById('addlist').style.display;
    if(docstyle == 'none')
        document.getElementById('addlist').style.display = '';

    addid++;

    var text = "<div id='additem_"+addid+"'><input type='text' size='100' value='' class='buckinput' name='items[]' style='padding:5px;' /> <a href='javascript:void(0);' onclick='addInput("+addid+")' id='addlink_"+addid+"'>add more</a></div>";

    document.getElementById('addlist').innerHTML += text;
}
</script>

<div id="addlist" class="alt1" style="padding:10px;">
    New list items are added to the bottom of the list.
    <br /><br />
</div>
Run Code Online (Sandbox Code Playgroud)

问题是一旦添加了另一个输入字段,在输入字段中输入的值就会被删除。如何在没有输入数据的情况下添加内容并保留输入的数据?

PS:我不使用jquery。

javascript dom innerhtml

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