小编Tho*_*mas的帖子

要设置的JavaScript数组

MSDN引用JavaScript的Set集合抽象.我有一个对象数组,我想转换为一个集合,以便我能够.delete()按名称删除()各种元素:

var array = [
    {name: "malcom", dogType: "four-legged"},
    {name: "peabody", dogType: "three-legged"},
    {name: "pablo", dogType: "two-legged"}
];
Run Code Online (Sandbox Code Playgroud)

如何将此数组转换为集合?更具体地说,是否可以在不迭代上述数组的情况下执行此操作?文档相对缺乏(足以用于实例化的集合;不适用于转换 - 如果可能的话).

我也可能正在考虑转换为Map,以便按键删除.我想要实现的是一个可迭代的集合,可以通过主要通过密钥(而不是索引)访问元素来访问或修改.

从阵列到另一个阵列的转换是最终目标.

javascript arrays set

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

HttpSecurity,WebSecurity和AuthenticationManagerBuilder

任何人都可以解释何时覆盖configure(HttpSecurity),configure(WebSecurity)configure(AuthenticationManagerBuilder)

java spring spring-mvc spring-security

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

试图检测浏览器关闭事件

我已经尝试了很多方法来通过jQuery或JavaScript检测浏览器关闭事件.但是,不幸的是,我无法发现关闭.这些onbeforeunloadonunload方法也不起作用.

如何检测的窗口close,unloadbeforeunload事件?

javascript browser jquery

60
推荐指数
5
解决办法
27万
查看次数

ES6模块导入是否执行导入文件中的代码?

js文件中的代码是否在导入期间运行?如果是,那么一次还是每次?例如

// a.js
console.log("A");
const a = "a"; 
export default a;

// b.js
import a from "./a"; // => console logs?

// c.js
import a from "./a"; // => console logs again?
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

派生类如何调用基类的私有方法?

public class PrivateOverride {  

    private void f() {  
        System.out.println("private f()");  
    }
}  

public class Derived extends PrivateOverride {  

    public void f() {                         //this method is never run.
        System.out.println("public f()");     
    }  
}  

public static void main(String[] args) {

    // instantiate Derived and assign it to 
    // object po of type PrivateOverride.
    PrivateOverride po = new Derived();  

    // invoke method f of object po.  It
    // chooses to run the private method of PrivateOveride
    // instead of Derived
    po.f();                         
  }  
}  
Run Code Online (Sandbox Code Playgroud)

所以,这段代码的输出是 …

java oop inheritance

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

video.js大小适合div

我有一个video在一个div具有40%的宽度.在HTML中,width="100%" height="auto"使视频消失.设置像素的特定大小将不适合div.将html留空会使视频大小错误,并且侧面会出现黑条.

我在大多数其他帖子中尝试了这些建议,但似乎无法让它发挥作用.

<div id="box"><video id="trialvid" class="video-js vjs-default-skin"
  controls preload="auto" width="auto" height="auto" poster="images/reelthumbnail.jpg"
  data-setup='{"example_option":true}'>
 <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
 <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
 <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
</video>
</div>
Run Code Online (Sandbox Code Playgroud)

percentage video.js

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

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

Angular uibModal,Resolve,Unknown Provider

我试图通过服务公开一个"通用"模式 - 使用Angular的$ uibModal.以下是该服务的定义:

angular.module('app').service('CustomModalService', ['$uibModal', function ($uibModal) {

    var openCustomModal = function (size, title, message) {
        var actionToPerformOnConfirm = action;

        var modalInstance = $uibModal.open({
            templateUrl : 'templates/CustomModal.html',
            size: size,
            resolve: {
                title: title,
                message: message
            }
        });
    };

    return {
        openCustomModal: openCustomModal
    };
}]);
Run Code Online (Sandbox Code Playgroud)

上面没什么太复杂的.但是,它不起作用.如果我resolve从对象中删除属性,该服务工作; 但是,如果我包含该resolve属性,则会收到源自该属性的未知提供程序错误.

resolve属性的文档如下:

(类型:对象) - 将被解析并作为本地传递给控制器​​的成员; 它相当于路由器中的resolve属性.

目标是能够为在DOM中使用这些属性的模态提供模板,例如:

<div ng-controller="CustomModalController">
    <div class="modal-header">
        <h3 class="modal-title">{{title}}</h3>
    </div>
    <div class="modal-body">
        {{message}}
    </div>
    <div class="modal-footer">
        <button class="ad-button ad-blue" type="button" …
Run Code Online (Sandbox Code Playgroud)

html javascript angularjs

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

沙盒,IFrame和允许同源

我一直在阅读有关<iframe>标签的HTML5添加内容.其中一个补充是包含沙盒标志,允许加载到其中的文档iframe与其父浏览器上下文进行交互.

在阅读了一些文档之后,我正在寻找一些清晰度.我已经阅读了MDNallow-same-origin标志描述:

允许将内容视为来自其正常来源.如果未使用此关键字,则嵌入的内容将被视为来自唯一来源.

在阅读W3C的规范后,我认为并不是很有帮助,有帮助:

... [我可以用来嵌入来自第三方网站的内容,沙盒以防止该网站打开弹出窗口等,而不会阻止嵌入式页面与其原始网站通信,使用数据库用于存储数据等的API

根据W3C的规范,我的问题具体是关于MDN所指的"正常起源":当提到"正常起源"时,MDN声明<iframe>标签中包含的文件内容被视为共享来源.文档来源的页面,例如YouTube视频相信 - 并且可以进行通信 - 它仍然是YouTube的一部分?或者,<iframe>文档是否可以访问父浏览器上下文?

html iframe html5

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

ReactJS无法更改视频和海报视频

当selectedVideo改变时,我想更改视频海报和源VideoJS

var VideoPlayer = React.createClass({
  render: function() {
    var selectedVideo = this.props.selectedVideo;
    function filterVideo(video) {
      return video.id == selectedVideo;
    }

    var data = this.props.videos.filter(filterVideo);
    return (
      <div className="col-md-6 videoplayer">
        <h2>{data[0].title}</h2>
        <video id="videoplayer" className="video-js vjs-default-skin vjs-big-play-centered" controls preload="none"
          width="100%"
          height="300"
          poster={data[0].poster}
          data-setup="{}">
          <source src={data[0].video} type='video/mp4' />
        </video>
        <div className="video-description">
          {data[0].description}
        </div>
      </div>
    );
  }
});
Run Code Online (Sandbox Code Playgroud)

但是我得到了错误:

Uncaught Error: Invariant Violation: ReactMount: Two valid but unequal nodes with the same `data-reactid`: .0.0.1.1 
Run Code Online (Sandbox Code Playgroud)

标题和说明已更改,但视频海报不会更改

video.js reactjs

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