小编Joe*_*oey的帖子

使用jQuery动画化CSS变换

我正在尝试为div设置动画,让它围绕y轴旋转180度.当我调用以下代码时,我得到一个jQuery错误:

$("#my_div").animate({
       "transform": "rotateY(180deg)",
       "-webkit-transform": "rotateY(180deg)",
       "-moz-transform": "rotateY(180deg)"
    }, 500, function() {
        // Callback stuff here
    });
});
Run Code Online (Sandbox Code Playgroud)

它说"Uncaught TypeError:无法读取未定义的属性'defaultView'"并说它在jQuery文件本身...我做错了什么?

jquery transform rotation css3 jquery-animate

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

跨同一域的页面的本地存储,但使用不同的端口

我正在尝试在同一个域中的各个页面上使用本地存储,但出于某种原因,如果Firefox使用不同的端口,则会在页面上创建相同存储数据的多个实例.因此,如果我为www.example.com:80设置了一些在访问www.example.com:8000时不会持久的内容,它将创建一个全新的相同数据冗余条目.我怎样才能纠正这个并让它使用相同的条目?

javascript html5 local-storage

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

在Javascript中读取文件而不阻止I/O.

如何在不读取文件的FileReader()情况下读取文件?以下是我现在的做法:

function readImageFile(imageFile, callback) {
    var reader = new FileReader();
    reader.onload = function(e) {
        callback(e.target.result);
    };
    reader.readAsDataURL(imageFile);
}
Run Code Online (Sandbox Code Playgroud)

哪个工作正常,除了我需要处理非常大的图像(> 4k分辨率),这需要相当长的时间.我无法在阅读时阻止用户输入使用页面上的其他功能.

javascript

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

非常快速的无限循环,不会阻塞I/O.

window.requestAnimationFrame()对于不阻止I/O的无限循环,是否有更快的替代方案?

我在循环中所做的与动画无关,所以我不关心下一帧何时准备就绪,并且我已经阅读window.requestAnimationFrame()了显示器的刷新率或至少等待直到可以绘制帧.

我也尝试了以下内容:

function myLoop() {
    // stuff in loop
    setTimeout(myLoop, 4);
}
Run Code Online (Sandbox Code Playgroud)

(4是因为这是最小间隔setTimeout,较小的值仍然默认为4.)但是,我需要比这更好的分辨率.

那里有更好的表现吗?

我基本上需要一个非阻塞版本while(true).

javascript node.js electron

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

使用DIV掩盖另一个DIV

这个问题最好用截图解释:http: //i42.tinypic.com/2ccvx91.jpg

包装div具有城市的背景图像.

#wrapper {
    background:url('city.jpg');
}
Run Code Online (Sandbox Code Playgroud)

里面的div是一堆其他的'square'类div:

.square {
    width:40px;
    height:40px;
    background-color:#27272f;
    opacity:.8;
    margin:2px;
}
Run Code Online (Sandbox Code Playgroud)

由于不透明,你可以通过广场看到城市.但是你也可以看到正方形之间的空间,我不希望它这样做.我希望只能通过div看到它背后的元素,它们之间的空间是纯黑色.我怎样才能做到这一点?

谢谢.

html css mask css3

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

Android getLatitude()返回大地或地心纬度?

Android的location.getLatitude()方法是否给出了大地或地心纬度?

如果是大地测量,它是基于WGS84还是GR80椭圆体?

API规范令人惊讶地缺乏,它只表明:

public double getLatitude ()

Since: API Level 1
Returns the latitude of this fix.
Run Code Online (Sandbox Code Playgroud)

http://developer.android.com/reference/android/location/Location.html#getLatitude()

感谢您的帮助.

gis gps android location latitude-longitude

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

在调整窗口大小时调整DIV大小但保持纵横比

我的页面中有一个DIV元素,我希望在调整窗口大小时调整大小,但保持方形宽高比.我想将宽度设置为浏览器宽度的50%,并将高度设置为等于宽度.我怎样才能做到这一点?

如果解决方案需要Javascript,那么我不想使用jQuery.

javascript css css3

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

使用纯JS动画最大高度?

我想动画div的高度.这通常通过动画max-height属性在CSS中完成.

但是我需要在JS中这样做.div中填充了频繁更改的动态内容,因此未提前知道实际高度.

这是一个jsfiddle:https://jsfiddle.net/vpknxuk8/

var box = document.getElementById("box");
var button = document.getElementById("button");
var expanded = true;

button.addEventListener('click', function() {
    if (expanded) {
        box.style.maxHeight = 0;
        expanded = false;
    } else {
        box.style.maxHeight = "";
        expanded = true;
    }
});
Run Code Online (Sandbox Code Playgroud)
#box {
  margin-top: 20px;
  border: 1px solid black;
  background-color: #4f88ff;
  width: 200px;
  transition: max-height 0.25s linear;
  overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
<button id="button">Click</button>

<div id="box">
  Hello World<br>
  This is dynamic content<br>
  The actual height won't be known ahead of time …
Run Code Online (Sandbox Code Playgroud)

html javascript css css3

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

使用滑脂糖拦截并更改网站的JavaScript

假设有一个站点在html脚本标记中包含一个外部.js文件,如下所示:

<script src="somescript.js">
Run Code Online (Sandbox Code Playgroud)

我希望lublessmonkey拦截每个这样的脚本,并在执行之前更改其中的某些值。例如,我想将其中所有出现的值“ 400”更改为“ 300”,然后继续加载页面,就像脚本使用这些值而不是原始值一样。目前,我在油脂单中使用以下代码:

function replaceTargetJavascript (scriptNode) {
    var scriptSrc   = scriptNode.textContent;
    scriptSrc       = scriptSrc.replace (
        /'400'/,
        "'300'"
    );

    addJS_Node (scriptSrc);
}

document.addEventListener("beforescriptexecute", function(e) {

    checkForBadJavascripts ( [
        [false, /'400'/, replaceTargetJavascript]
    ] );
}, true);
Run Code Online (Sandbox Code Playgroud)

根据我的消息来源,哪种方法是正确的方法,但没有用。谁能帮我解决这个问题?

javascript greasemonkey

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

在不使用表单的情况下单击链接时发送POST数据?

我的页面上有一些常规的锚标记链接,打开一个弹出窗口,显示我通过网址传递的任何GET数据:

<a href="javascript:window.open('view.php?data=a%20bunch%20of%20data');">View</a>
Run Code Online (Sandbox Code Playgroud)

这些数据中的一些非常长,而我糟糕的Web主机对可以在URL中传递的GET数据的大小有非常小的限制.有没有办法用POST数据代替,而不使用html表单?

javascript php post get hyperlink

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

如果应用程序打开2个TCP套接字,那么它们之间是否会维护有序属性?

如果我有一个Javascript应用程序并行打开2个websockets,它们都在同一个端口上的同一个主机:

var socket1 = io.connect(host);
var socket2 = io.connect(host);
Run Code Online (Sandbox Code Playgroud)

然后我将每个数据发送到应用程序中的相同功能:

socket1.on("data", function(e) {doStuff(e);});
socket2.on("data", function(e) {doStuff(e);});
Run Code Online (Sandbox Code Playgroud)

每个套接字是否只对自己强制执行有序属性,还是对整个应用程序强制执行?例如,如果发送到socket1的数据包丢失,socket2是否仍然能够接收和处理未来的TCP数据包而无需等待重新传输数据包到socket1?

javascript sockets networking tcp websocket

0
推荐指数
1
解决办法
27
查看次数