草庐IT

NT-DOM-NV

全部标签

javascript - Angular 2 将组件动态附加到 DOM 或模板

我计划在调用show()时向DOM添加动态组件。我知道有一个使用ngIf或[hidden]的解决方案来隐藏它并将其用作指令,但我不喜欢这个解决方案,因为我不想在我的HTML中声明它。import{Component}from'angular2/core';import{InfoData}from'../../model/InfoData';@Component({selector:'Info',templateUrl:'./components/pipes&parts/info.html',styleUrls:['./components/pipes&parts/info.css']}

javascript - 创建 DOM 节点列表

我正在实现ECMA-357附件A中描述的所有可选E4X功能,但我在实现domNodeList(§A.1.2和§A.2.2)时遇到了问题。我将如何创建自己的NodeList对象?即使我创建一个新的XMLDocument并将节点的每个domNode()表示附加到XMLList中,我仍然看不出如何创建一个包含所有内容的NodeList,因为注释和处理指令通常被排除在外。 最佳答案 我发现我可以使用文档片段的childNodes属性来创建NodeList。这是我的解决方案:XML.prototype.function::domNodeLis

javascript - 从点获取 DOM 文本节点?

就像我可以使用document.elementFromPoint或document.getElementFromPoint从一个点获取元素一样,如果该点位于文本节点?我想如果至少我能得到文本节点的位置和大小,我就能找出它们中的哪一个包含该点。但是DOM节点没有位置属性。有可能做到这一点吗? 最佳答案 这是一个适用于当前所有浏览器的实现:https://github.com/nuxodin/q1/blob/master/q1.dom.jsdocument.betaNodeFromPoint=function(x,y){varel=do

javascript - 为什么 jQuery 选择器函数与原生 DOM 方法相比这么慢

我知道这个话题已经被大体上争论了好几次,但我正在寻找更技术性和更详细的见解,以了解真正发生的事情。我设计了一系列测试来比较jQuery最基本的选择器“#id”和“.class”与各种原生DOM方法的速度。我想要的是确切地找出为什么结果是这样的。这里是测试:http://jsperf.com/jqueryspeed值得注意的主要事情是getElementById显然是所有方法中最快的。为了比较,我添加了jQuery('#id')和jQuery.fn.init('#id')作为测试,两者之间的区别在于第一个确实实例化了一个全新的jQuery对象,而第二个只运行原型(prototype)函数

javascript - DOM 节点清理在 d3 中如何工作?

我正在主干View中使用D3进行图形可视化。我允许用户捏缩放图形,使用webkit转换平滑过渡,并在发布时重绘。为了保持代码简单,我只是以新的比例重新绘制图形,而不是重新计算元素的新位置和大小(这是我最初的方法,但我的团队要求重新绘制路线)。[我通过推特与Bostock进行了交谈。这实际上不是首选的做事方式]我注意到的是,对于每次重绘,我都会丢弃大量未清理的dom节点。这与事件处理程序/闭包中的循环引用无关,因为我已经禁用了除我的标签之外的所有内容(这些标签没有附加处理程序),并且发生了相同的行为。我已经尝试过积极地从图中删除元素,但dom节点似乎仍然存在泄漏。这是一些相关的代码。'r

javascript - 哪些事件处理程序附加到 DOM 节点 - 如何查找?

有没有办法找到附加到给定DOM节点的事件处理程序?例如,当您单击“添加评论”链接时,会附加一个事件处理程序来显示评论表单。现在,如果我有一个DOM文档(一个网页),并且想要列出一个特定节点的所有事件处理程序,有没有办法做到这一点?(我怀疑JS不可能在页面内运行;FF中的浏览器扩展是否可以访问这些数据?) 最佳答案 Chrome(我怀疑Safari)可以在您选择DOM中的一个元素然后向下滚动右侧边栏到“事件监听器”部分时显示附加的事件监听器。在那里,您可以看到附加了哪些函数。目前我没有Firebug的副本,但我怀疑Firefox中的D

javascript - 如何将对象与 DOM 元素相关联

我的JS设置中有一个主对象,即:varmyGarage={cars:[{make:"Ford",model:"Escape",color:"Green",inuse:false},{make:"Dodge",model:"Viper"color:"Red",inuse:true},{make:"Toyota",model:"Camry"color:"Blue",inuse:false}]}现在我绕过我的汽车并将它们放在table上。在表格中,我还有一个按钮,可以让我将汽车切换为“使用中”和“未使用”。如何将每一行的DOM元素与其对应的汽车相关联,以便在切换“inuse”标志时更新主对象

javascript - 检测给定 Javascript 对象是否为 DOM 元素的最佳方法是什么?

这个问题在这里已经有了答案:HowdoyoucheckifaJavaScriptObjectisaDOMObject?(36个答案)关闭8年前。例如,我正在编写一个旨在接受多种参数类型的函数:varoverloaded=function(arg){if(is_dom_element(arg)){//CodeforDOMElementargument...}};实现is_dom_element的最佳方式是什么,以便它在跨浏览器中以相当准确的方式工作?

JavaScript 帮助程序库?没有 DOM 或 AJAX 的东西

在编写JavaScript时,我总是会遗漏一些JavaScript所没有的相当基本的语言特性。那么有没有什么库可以为JavaScript带来trim、sprintf、str.endwith等功能?我只是将这些函数编写了太多次,而且我也厌倦了从我的旧代码中复制/粘贴它们。如果有一些库可以在一个地方实现和测试这些库,那就太好了。请注意,我不是在谈论Ajax/DOM库,例如jQuery或Dojo等。我知道这些库带来了我在这里谈论的一些功能,但不是全部。我还希望有一个环境独立库,以便可以将相同的库与服务器端JavaScript一起使用。迄今为止我发现的最好的图书馆是php.js,但我不喜欢它污

javascript - 使用 JavaScript 高效执行多个 DOM 更新

我有一个包含数百个div元素的HTML/JS网站。这些元素中的几十个应该以快速的方式(每秒最多250次)更新一次(即它们都应该一次更新,而浏览器无需通过逐个执行更新来执行不必要的工作)一)。支持现代浏览器使用纯JavaScript或简单库(不使用React或类似库要求我修改超出DOM处理)?我正在寻找这样的东西(其中imaginaryLibrary是我不知道的图书馆,我正在寻找):vari,element;for(i=0;i要更新的元素的父元素包含数千个不应更新的元素。 最佳答案 您对自己所做的事情并不是很具体,所以我们在这里可以做