Tag: JavaScript

用jquery停止YouTubevideo?

我有一个jQuery的滑块,我已经build立,基本上只有三个通过应用负的左CSS值滑动pannels。 很好用,但是我在幻灯片中有一个youtubevideo,当我滑动时不会停止。 我试过显示:无和可见性:隐藏其中除了IE浏览器的所有作品,audio继续在IE浏览器。 有没有简单的方法来杀死与jQuery的video?

来自JavaScript中数组的Sum值

我定义了一个名为myData的JavaScriptvariables,它是一个像这样的new Array : var myData = new Array(['2013-01-22', 0], ['2013-01-29', 0], ['2013-02-05', 0], ['2013-02-12', 0], ['2013-02-19', 0], ['2013-02-26', 0], ['2013-03-05', 0], ['2013-03-12', 0], ['2013-03-19', 0], ['2013-03-26', 0], ['2013-04-02', 21], ['2013-04-09', 2]); 我想知道是否有可能总结在数组中find的数字值(例如0 + 0 + 21 + 2 + 0等等),并可能有一个variables,结果我可以在脚本标记之外使用,因为我有7个这样的arrays对应于每周的每一天。 我想在此基础上做一个比较。 如果可能的话,这是最适合这种行为的首选方法吗?

如何获得$(这个)在jQuery中select的选项?

以下代码工作: $("#select-id").change(function(){ var cur_value = $('#select-id option:selected').text(); . . . }); 如何重构第二行: var cur_value = $(this).***option-selected***.text(); 你用什么***option-selected*** ?

rCharts nvd3 lineWithFocusChart自定义

我在rCharts上使用nvd3,并想知道是否有一种方法来自定义lineWithFocusChart上较低视图查找器graphics的坐标轴。 我在下面提供了一个可重现的例子,其中我自定义x和y轴以逗号分隔千位,但格式不显示在较低的取景器图表上。 这怎么解决? 谢谢! library(rCharts) temp <- data.frame(x = 1:2000, y = 1:2000, z = c(rep(1,1000), rep(0,1000))) g <- nPlot(y ~ x, group = "z", data = temp, type = "lineWithFocusChart") g$templates$script <- "http://timelyportfolio.github.io/rCharts_nvd3_templates/chartWithTitle_styled.html" g$set(title = "Example") g$chart(transitionDuration = -1, tooltipContent = "#! function(key, x, y) { return 'z: ' + key + '<br/>' + […]

我如何inheritanceJavaScript的function?

// Don't break the function prototype. // pd – https://github.com/Raynos/pd var proto = Object.create(Function.prototype, pd({ "prop": 42 })); var f = function() { return "is a function"; }; f.__proto__ = proto; console.log(f.hasOwnProperty("prop")); // false console.log(f.prop); // 42 console.log(f()); // "is a function" .__proto__是非标准的,不推荐使用。 我应该如何inheritance原型创build一个对象,但该对象是一个函数。 Object.create返回一个对象不是一个函数。 new Constructor返回一个对象不是一个函数。 动机: – 跨浏览器finherit var finherit = function (parent, […]

什么时候window.location改变?

我有一个网页,当它不应该是redirect,我试图找出谁在做。 首先我试图劫持window.location: window.location = (function (location) { // location is now hidden inside a closure. We can override it var Location = Object.create(location); // Location is now our proxy. We can use it to catch changes window.__defineGetter__('location', function () { return Location }); window.__defineSetter__('location', function (x) { debugger; location = x; return x; }); // […]

Visual Studio的JavaScript项目types?

我有一个任务涉及到创build一个JavaScript库,然后由Visual Studio解决scheme中的多个项目使用。 理想情况下,我想find一个项目types,对于我的JavaScript代码,其行为就像是一个C#类库,即: 它会将JavaScript代码编译成输出** .js *文件(通过Closure进行缩小,检查…) 这个输出可以被其他项目“引用”,比如ASP.NET MVC项目 我可以指定我的项目的“构build顺序”(标准VSfunction) VS 2010/11有可能吗?还是我需要自己编写一些BAT / PowerShell文件并编写脚本? 类似,但稍有不同的问题: 用于JavaScript / VBScript的Visual Studio项目模板?

原生的方式来合并在Javascript中的对象

Javascript的对象没有任何本地合并操作。 如果你有两个对象,说 {a:1, b:2} {c:3, d:4} 并想要得到 {a:1, b:2, c:3, d:4} 据我所知,你必须迭代对象。 也就是说,你决定合并左边还是合并右边的策略,然后你做一些像(简化) for (key in object2) { object1[key] = object2[key]; } 这可以。 但是,JavaScript具有call和prototypefunction。 例如,将arguments转换成一个Array可以完成 Array.prototype.slice.call(arguments) 这种方法利用了现有的本地代码,因此不易受程序员愚蠢的影响,而且运行速度比非本地实现要快。 这个问题 在DOM的Attribute或Node遍历function上使用这个原型/调用模式,或者为了做一个本地对象合并而使用一些通用的String函数,有没有一个技巧? 代码看起来像这样: var merged = somethingrandom.obscuremethod.call(object1, object2) 结果,你会得到一个没有遍历的本地合并。 一个可能的,次优的解决scheme 如果您可以使用Object的constructor属性,然后强制一个对象具有另一个对象的构造函数,然后在复合对象上运行new的对象,则可以免费获得合并。 但是我没有牢牢把握JavaScript中的constructor的全部含义来完成这个调用。 引理 同样的问题也适用于Arrays 。 一个常见的问题是取7个数组,然后尝试找出这些数组的交集。 也就是说,所有7个数组中存在哪个数字。 你可以将它们连接在一起,然后做一个sorting,然后做一个遍历。 但是如果有一个通用的相交位置,我们可以强制一个数组在本地执行,那将会很好。 有什么想法吗? 编辑: 到达那里的一半 对于数组问题,您可以执行以下操作: array.concat(a,b,c).sort()。join(':'),然后使用一些棘手的RegExp捕获和重复模式来遍历。 RegExp的实现,如果你不知道,运行在一个非常简单的基于栈的虚拟机上。 当你初始化你的正则expression式,这实际上是一个被编译的程序(RegExp.compile是一个不推荐使用的JS方法)。 然后,当地人以一种极快的方式跑过绳子。 也许你可以利用这个成员的门槛,并取得更好的performance… […]

雷德克斯是不是光荣的全球状态?

所以我一周前开始学习React,我不可避免地遇到了状态问题,以及组件如何与应用程序的其他部分进行通信。 我四处搜寻,Redux似乎是本月的味道。 我阅读了所有的文档,我认为这实际上是一个非常革命性的想法。 这是我的想法: 一般认为国家是非常邪恶的,也是编程中的一个大错误。 Redux说,为什么不把它全部集中在一个全局状态树中,你必须发出改变的动作? 听起来不错。 所有的程序都需要状态,所以让我们把它粘在一个不纯的空间里,只是从里面修改它,所以错误很容易追踪。 然后,我们还可以声明性地将各个状态片段绑定到React组件,并让它们自动重绘,一切都很美丽。 不过,我对这个整个devise有两个问题。 首先,为什么状态树需要是不变的? 说我不在乎时间旅行debugging,热重载,并已经在我的应用程序中实现撤消/重做。 要做到这一点似乎很麻烦: case COMPLETE_TODO: return [ …state.slice(0, action.index), Object.assign({}, state[action.index], { completed: true }), …state.slice(action.index + 1) ]; 而不是这个: case COMPLETE_TODO: state[action.index].completed = true; 更不用说,我正在制作一个在线白板来学习,每一个状态的改变都可以像在笔画列表中添加笔触一样简单。 经过一段时间(数百次笔触)复制整个arrays可能开始变得非常昂贵和耗时。 我确定一个全局状态树,它独立于通过动作变异的UI,但是它确实需要是不可变的吗? 这样简单的实现有什么问题(非常粗略的草稿,在1分钟内写入)? var store = { items: [] }; export function getState() { return store; } export function […]

使用深度优先search渲染一个dynamic创build的家庭graphics,不重叠?

我想要生成这个: 有了这个数据结构(ID是随机的,顺便说一句,不是顺序): var tree = [ { "id": 1, "name": "Me", "dob": "1988", "children": [4], "partners" : [2,3], root:true, level: 0, "parents": [5,6] }, { "id": 2, "name": "Mistress 1", "dob": "1987", "children": [4], "partners" : [1], level: 0, "parents": [] }, { "id": 3, "name": "Wife 1", "dob": "1988", "children": [5], "partners" : [1], […]