小编dgn*_*nin的帖子

JQuery和Underscore"每个"保证数组的顺序?

我读了Javascript:好的部分......

由于JavaScript的数组实际上是对象,因此该for in语句可用于迭代数组的所有属性.不幸的是,因为不能保证房产的顺序......

据我所知,"每个"函数都是基于的for in,那么each函数形式JQuery和Underscore库在迭代数组时保证顺序吗?我试图避免令人讨厌的标准for.

先感谢您.

javascript each jquery underscore.js

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

使用RequireJS加载Youtube iframe API

我正在尝试在使用Require JS定义的模块中使用Youtube Iframe API.由于这个API加载了异步并且在加载后调用了一个函数,我使用了一个名为"async"的requireJS插件,之前使用google maps api.

但是,这次有些事情没有用.我的模块以这种方式启动: define(['text!fmwk/widgets/video/video.html','fmwk/utils/browser','async!http://www.youtube.com/iframe_api'], function (videoTpl,root) { ... });

和chrome控制台触发此错误: Uncaught Error: Load timeout for modules: async!http://www.youtube.com/iframe_api_unnormalized3,async!http://www.youtube.com/iframe_api http://requirejs.org/docs/errors.html#timeout

如果我不使用异步插件,则对象YT或其功能未定,如果我下载API代码也会发生同样的情况.如果我将脚本标记放在html文件的head标记中,有时会加载API.这一切都是预期的,但我不明白,因为异步插件失败了.

感谢您的关注和帮助:)

javascript youtube-api requirejs

8
推荐指数
3
解决办法
9319
查看次数

在Java Swing上旋转JLabel或ImageIcon

首先,这是我使用swing的第一周,如果我的问题太明显,那就很抱歉.此外,我需要使用标准java库的解决方案,因为这是用于家庭作业,我不允许使用奇怪的库.

我正在使用JLabel和ImageIcon在JFrame上显示图像.现在我想将屏幕上的图像旋转到任意角度.我发现了一些关于Graphics2D的东西,但我找不到这样做的方法.

由于我发现的解决方案不起作用或我不理解它们,我对旋转ImageIcon或JLabel的任何解决方案感兴趣.由于我将图像定位在JLabel上的setBounds,旋转JLabel将是一个更好的解决方案我想(这样我也不会被迫保存ImageIcon对象).

感谢您的关注,抱歉我的英语不好.

编辑...要在屏幕上显示图像,请执行下一步:

JFrame frame = new JFrame("Something");
frame.setLayout(new FlowLayout()); //for example
JPanel panel = new JPanel();
panel.setLayout(null);

ImageIcon playerSprite = new ImageIcon("rute/to/file.png");
JLabel player = new JLabel(playerSprite);

panel.add(player);
player.setBounds(10,10,36,52); //for example

frame.getContentPane().add(panel);
frame.setVisible(true);
Run Code Online (Sandbox Code Playgroud)

恢复,我该如何旋转这个IconImage或JLabel.如果您认为更好,我可以使用其他方法来显示图像.如果解决方案是使用Graphics2D,就像我看到的那样,我将欣赏到达此类对象的解决方案,稍后将旋转后的图像返回到ImageIcon,因为当我尝试这个时......

ImageIcon imagePlayer = new ImageIcon("img/stand.png");
Image image = imagePlayer.getImage();
Graphics2D g = (Graphics2D)image.getGraphics();
Run Code Online (Sandbox Code Playgroud)

在执行时,答案就是这个......

Exception in thread "main" java.lang.UnsupportedOperationException: getGraphics() not valid for images created with createImage(producer)
Run Code Online (Sandbox Code Playgroud)

第2版​​......现在我正在使用这段代码.图像旋转但旧的未旋转图像仍保留在新图像下的屏幕上.将一个名为stand.png的png图像放在同一目录中,您将看到它.

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import …
Run Code Online (Sandbox Code Playgroud)

java swing jlabel rotation image-rotation

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

在Linux中运行时,Java不会破坏一段时间

我发现了一个用于家庭作业的Java代码的神秘问题.一个朋友在开始时编写一个应用程序:

public void run() {
    vm.setVisible(true);
    while(!end);
    System.out.println("Finish");
    vm.setVisible(false);
}
Run Code Online (Sandbox Code Playgroud)

在所有执行时以及当用户退出应用程序时,布尔'end'为false,这种情况发生:

private class CloseSys implements ActionListener {
    public CloseSys() {super();}

        public void actionPerformed(ActionEvent e) {
        System.out.println("CLOSE SYS");
        System.out.println("end: "+end);
        end = true;
        System.out.println("end: "+end);
    }
}
Run Code Online (Sandbox Code Playgroud)

println显示像'end'的值更改为true和逻辑上在我朋友的计算机(MacOS)中完成和应用程序也是如此.

问题是在我的计算机(Ubuntu Linux)中,println也显示了值的变化,但是while没有结束(永远不会达到"Finish"println).有趣的是,如果我们把印刷品放到一边......然后才有效!

java linux while-loop

6
推荐指数
2
解决办法
169
查看次数

当 CSS 转换将元素带入视口时,Intersection Observer 无法正常工作

我在没有特定选项的情况下初始化了一个 Intersection Observer,因此阈值等于 0.0,并且事件应该在被观察元素的第一个像素进入视口时触发。

这就是当我通过滚动触发观察者以及使用一个简单的 CSS 属性定义的过渡来触发它时发生的情况,如top. 但是当观察到的元素出现在视口中时,由于使用过渡动画的 CSS 变换,观察者在动画结束之前不会触发回调。我需要在元素出现在视口内的那一刻触发它,因为它应该是.

你可以在这里看到一个例子:https : //jsfiddle.net/38v2dots/2/

我现实世界的问题是一个旋转木马库(不必要地)与 CSS 3D 转换一起工作。但问题也发生在 2D 变换中。不幸的是,我不得不使用这个库,因此无法避免 3D 变换

先感谢您。

javascript css css-transitions css-transforms intersection-observer

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

iPad禁用文档滚动但不禁用div溢出滚动

我正在开发具有可滚动功能的模态窗口,就像pinterest那样.当它们被触发overflow: hiddenbody,overflow: auto在模态盒容器上定义.这在桌面浏览器上非常有效,但我在iPad上的第一次测试(我认为可能在iOS上)可能会出现问题:

当模式的滚动结束时,如果文档比模态长,则滚动继续.

我尝试这个只是为了接受滚动,如果它是由模态或其容器触发:

// Disable browser scrolling on iOS
$(document).on('touchmove',function(e) {
    if (($(e.target).attr('id') != id) &&
    ($(e.target).attr('id') != ('modal-'+id))) {
        e.preventDefault();
    }
});
Run Code Online (Sandbox Code Playgroud)

它确实很有效.模态滚动,当它结束滚动页面时,只有在模态内滚动时才可以.

你有什么主意吗?

如果你想在你的ipads中尝试它(你必须点击模态按钮):http://www.onebigrobot.com/beta/altair/transforms-so

先感谢您!

javascript css jquery scroll ipad

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

如何从JavaScript获取HTML5视频的编解码器信息?

我想知道用于编码HTML5视频的视频编解码器,主要是音频编解码器,因为例如Firefox支持MP4视频,但是在其Windows版本中,如果音频使用“ sowt”编码,则声音将不起作用。在这种情况下,我可以提供WEBM来源,但是我必须首先知道MP4来源是否有问题。

我发现了这一点,但这是其他浏览器尚未实现的IE11属性。

你怎么看?这可能吗?

先感谢您。

javascript video html5 codec

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

如何仅更改默认光标?

我的网站有一个自定义光标图像,但仅用于default状态。在其余情况下(特别是对于text)我想要预定义的。

但是如果我这样定义自定义光标......

html {
  cursor: url('path/to/custom/cursor.svg') 0 0, default;
}
Run Code Online (Sandbox Code Playgroud)

至少text状态丢失了(不是pointer,但我怀疑其他人也丢失了),并且我的段落、带有文本的跨度、标题等现在显示我的自定义光标,而不是预定义的文本选择器。

当然,我可以重新定义某些元素的样式......

p, span, ol, ul, h1, h2, h3, h4 {
  cursor: text;
}
Run Code Online (Sandbox Code Playgroud)

text状态并没有真正链接到某些 html 标签,当存在不受其他修饰符影响的文本节点时,它就会出现。例如,如何定位仅包含文本的 div,但排除仅包含特定颜色、背景等的另一个 div 的 div?

正如我在这个问题中看到的,没有一种方法可以直接定位文本节点,所以我想知道是否有一种侵入性较小的方法来定义自定义光标,在预定义的默认光标出现的情况下,并且仍然显示所有预定义的每个修改状态的游标(textscroll等)

先感谢您。

示例 1:如果定义了 html 光标,则所有内容都将被覆盖:

html {
  cursor: url('path/to/custom/cursor.svg') 0 0, default;
}
Run Code Online (Sandbox Code Playgroud)
p, span, ol, ul, h1, h2, h3, h4 {
  cursor: text;
}
Run Code Online (Sandbox Code Playgroud)

示例 2:如果我们尝试重新定义某些元素,我们现在就会出现误报...

css

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

CSS浮动重定位转换

我正在使用这样的东西:http://jsfiddle.net/Hh2Ht/

正如你所看到的,我有一组具有相同宽度但具有不同高度的浮动div.但是,容器具有百分比宽度并且作为连续性,当改变其大小时,浮动div改变其位置.

我想这个位置的变化是动画的,使用css过渡.我可以用绝对定位,一点点javascript来计算定位并将过渡效果绑定到顶部和左边的propierties,但是因为我想要模拟float divs的行为,所以没有绝对定位会很好.

你觉得有可能吗?先感谢您.

html javascript css css-float css-transitions

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

Require.js嵌套需要

我正在尝试使用requireJS,但我想构建依赖关系的层次结构:main需求obr.platcomobr.platcom要求obr(例如).

我有这种文件层次结构:

- index.html
-> js
   - main.js
   -> lib
      - jquery.js
      - require.js
   -> obr [my own 'libraries']
      - obr.js
      - obr.platcom.js
Run Code Online (Sandbox Code Playgroud)

的index.html

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
        <title>Platcom</title>
        <script type="text/javascript" src="js/lib/jquery.js"></script>
        <script data-main="js/main" src="js/lib/require.js"></script>
    </head>
    <body>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

main.js

$(document).ready(function() {
    require(["obr/obr.platcom"], function() {
        obr.hola();
        var myPlatcom = obr.platcom();
        myPlatcom.test();
    });
});
Run Code Online (Sandbox Code Playgroud)

obr.js

var obr = {};
obr.hola = function() …
Run Code Online (Sandbox Code Playgroud)

javascript jquery requirejs

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