草庐IT

处理数据

全部标签

javascript - 简单的 Javascript 来模仿在事件处理程序中使用它的 jQuery 行为

这不是关于jQuery的问题,而是关于jQuery如何实现这种行为的问题。在jQuery中你可以这样做:$('#some_link_id').click(function(){alert(this.tagName);//displays'A'})有人可以笼统地解释一下(不需要您编写代码)他们如何将事件的调用者html元素(此特定示例中的链接)传递到this关键字?我显然试图在jQuery代码中查找1st,但我无法理解一行。谢谢!更新:根据Anurag的回答,我决定此时发布一些代码,因为它似乎比我想象的更容易编码:functionAddEvent(html_element,event_n

javascript - 处理 API 设计和 OO 糖

入门读物:Prototypesas"classes"OOJS按照上述模式,我创建如下库/APIvarProto={constructor:function(){this.works=true;},method:function(){returnthis.works;}};现在库用户要与我的原型(prototype)(不提供工厂函数)交互,他们必须实例化和初始化对象//instantiatevarp=Object.create(Proto);//initializep.constructor();这是一种强制用户实例化和初始化我的对象的不友好且冗长的方式。我个人使用pd在我所有的应用程序

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 在大型 Web 应用程序中处理 JavaScript(可重用性、捆绑、单元测试...)

也许有人可以建议我可以使用什么工具、方法和引用来实现大型Web应用程序在JavaScript方面的以下目标:可重用性、捆绑、单元测试、许多开发人员等等。例如,我检查了browserify工具,但实际上没有文档,没有书什么的。 最佳答案 静态代码分析:JSLint,GoogleClosureToolsJavaScriptcodecheckingbeyondJSLint单元测试:JSUnitJavaScriptunittesttoolsforTDD捆绑并放在一起基于Java的构建-Wro4j-处理许多基于Web的常见工具,例如JsHin

允许具有多种数据类型的 Javascript 参数 : good practice or not?

我已经多次看到-特别是在jQuery中-一个函数可以有多种有效数据类型,比方说字符串或函数。此外,在我自己的代码中,有时我的函数可以采用一个或多个值。所以我可以调用函数:myFunc("arg");ormyFunc(["arg1","arg2",...]);这看起来更灵活,打字也更方便,但这真的是好事吗?因为另一方面,没有明确说明函数是什么类型,据我所知,JIT编译器无法高效工作。并且通常必须进行某种类型的类型强制转换,这会带来额外的性能损失。那么,即使数组中只有一个对象,总是写:myFunc(["arg"])会更好吗?你对此有何看法? 最佳答案

Javascript - 图像数据处理和div渲染

所以我为自己创造的挑战就是这样。我有一张源照片:我正在映射颜色值并使用div创建它的像素化表示结果如下:我使用的代码是:'usestrict';varimageSource='images/unicorn.jpg';varimg=newImage();img.src=imageSource;varcanvas=$('')[0];canvas.width=img.width;canvas.height=img.height;canvas.getContext('2d').drawImage(img,0,0,img.width,img.height);varcontext=canvas.g

javascript - D3 绘制数据集的选择性部分

我有一个大型时间序列数据集需要绘制图表,我正在尝试使用D3来完成它。我计划让我的图形的x轴为时间,并允许图形在x方向上移动。我想让图表只加载/显示屏幕上当前时间范围内存在的点。例如,如果我的数据集有1-100次,但图形以显示的时间1-10开始,则图形应该只绘制1-10点。然后用户可能会向右移动并查看时间5-15,图表应相应更新。任何人都可以向我解释如何通过d3完成此操作吗?我很难理解从一次加载并立即绘制整个数据集到选择性地绘制数据子集。 最佳答案 我认为您正在寻找selection.filter()功能。例如你可以有:varallN

javascript - Meteor 中的服务器端数据验证

我的客户端文件中有一个表单和一个提交函数:functionsubmitme(){varmessage=$('#daform').serializeJSON();message.owner=Meteor.user().username;if(!message.description||!message.location.lat||!message.location.lng||!message.mysex||!message.yoursex){return;}else{lists.insert(message);console.log("Submitted!");$('#daform')[

javascript - Highcharts:如何设置数据分组

我有一个包含大量数据的highstock图表,我能够定义如何对数据进行分组,但我希望用户指定要使用的数据分组并在日、周、月等之间动态更改。那么是否有可能有一个按钮,用户可以通过该按钮更改数据的分组方式,如果可以,如何更改?有许多未记录的功能,例如currentDataGrouping,但没有设置数据分组...我可以通过任何方式看到...series:[{type:'column',name:title,data:data,dataGrouping:{units:[['week',[1]],['month',[1]]]}}] 最佳答案

javascript - 0 用 d3 系列数据填充空值

我正在使用D3制作多折线图,但在呈现时遇到了一些问题。我正在尝试使用如下所示的数据呈现两行:[{key:"line1",values:[{x:1,y:1},{x:2,y:2}]},{key:"line2",values:[{x:1,y:1},{x:2,y:2},{x:3,y:3}]}]“第2行”渲染得很好,但“第1行”在x=2时停止渲染。我知道我的数据集可能被认为是不完整的,但我很好奇是否有办法将默认值设置为0,其中x有间隙或空值吗?特别是在这个例子中,我希望“第1行”在x=3的地方显示y=0。 最佳答案 D3和NVD3没有执行此操