草庐IT

dom-node

全部标签

javascript - 如何在汇总编译中使用 node_modules

我反复收到此消息,我正在尝试将d3.js包含到我的分发文件中。Treating'd3.js'asexternaldependency我试过使用这个插件importincludePathsfrom'rollup-plugin-includepaths';varincludePathOptions={paths:['node_modules/d3/d3.min.js'],include:{d3:'d3'},};我错过了什么? 最佳答案 注意:这是针对d3jsv4(我不确定v3是否可行)您需要使用rollup-plugin-node-re

c# - 使用 Node.js 或任何其他 Comet 解决方案进行流式处理

我正在尝试为内部应用程序构建流式处理解决方案,但我正在为解决方案绘制空白以克服障碍。目前,在我的工作示例中,我正在使用APE,但由于限制我不能在主机上有任何外部运行进程,所以我不能运行APE服务器。我正在寻找替代方案,但到目前为止我发现的所有内容都需要在服务器上运行进程。关于项目的一些细节。将同时连接大约25个人理想情况下,每个人都应该同时看到更新,只要更新可用。它将在Windows环境中运行,因此C#/.NET解决方案比PHP等解决方案更可取。任何人有任何想法,如果node.js能够处理这个,或者任何其他解决方案? 最佳答案 问题

javascript - 如何在 map 中使用 react useRef 定位 DOM

我正在寻找一个关于使用ReactuseRef()钩子(Hook)获取DOM元素数组的解决方案。例子:constComponent=()=>{//In`items`,IwouldliketogetanarrayofDOMelementletitems=useRef(null);return{['left','right'].map((el,i)=>)}}我怎样才能做到这一点? 最佳答案 useRef只是部分类似于React的ref(只是对象的结构,只有current字段)。useRefHook旨在在渲染之间存储一些数据,并且更改该数据

javascript - 在长时间运行的函数中强制使用 jQuery 修改的立即 DOM 更新

我有一个需要大约2秒才能执行的javascript(复杂的优化算法)。我想在函数的开头将某些跨度设置为“工作...”。我观察到span在函数结束之前不会改变。如何强制DOM更改传播?还是我应该一起以不同的方式处理这个问题?我从按钮上的onclick调用该函数。函数是这样的:functionoptimize(){$('#status').text('working...');//calculatefor2seconds$('#status').text('done!');} 最佳答案 尝试将长时间运行的代码包装在setTimeout调

javascript - 如何为 DOM 元素生成唯一的 css 选择器?

我需要为元素生成唯一的css选择器。特别是,我有onclick事件处理程序,它应该记住目标元素被点击并将此信息发送到我的服务器。有没有办法在不修改DOM的情况下做到这一点?附言我的javascript代码应该在不同的上运行第3方网站,因此我无法对html做出任何假设。 最佳答案 此函数创建了一个很长但非常实用的唯一选择器,运行速度很快。constgetCssSelector=(el)=>{letpath=[],parent;while(parent=el.parentNode){path.unshift(`${el.tagName}

javascript - 如何将支持 Angular 的元素添加到 DOM?

我想以编程方式添加一些支持Angular的DOM元素。实际上,我可能需要添加自定义组件。我该怎么做?这里有一个简单的fiddle来演示这个问题:http://jsfiddle.net/ZJSz4/2/HTML:Add{{test}}JS:angular.module("main",[]).controller("MyCtrl",function($scope){$scope.add=function(){$("#container").append("{{test}}");};$scope.test='TestMessage';});以防万一,我希望它为每次点击添加一个显示“测试消息”

javascript - 在 dom 元素中存储自定义数据

这是错的吗?如果是,为什么?varelm=document.getElementById("myElm");elm.customValue={attr1:"test",attr2:"test"};我了解如何使用数据属性,但我不想用所有这些属性弄乱我的dom。 最佳答案 这会在某些浏览器中引入内存泄漏,因为您将原生C对象(DOM元素)和JS对象绑定(bind)在一起,而某些垃圾收集算法无法处理此问题。IE就是其中之一。这是一篇关于IE内存泄漏的MSDN文章:http://msdn.microsoft.com/en-us/library

javascript - 获取所有 DOM 事件的数组

我创建了一个多用途工厂事件发射器工厂函数。有了它,我可以将对象变成事件发射器。事件发射器工厂的代码如下,如果有人想看或使用的话。我的问题是如何从DOM中获取事件列表。请注意,我并不是要获取绑定(bind)事件的列表。我想要所有可能事件的列表。我想向发射器添加“管道”方法。此方法将获取一个DOM对象并绑定(bind)到所有可能的事件,然后当这些事件中的任何一个触发时,每个事件都会在发射器中触发同名事件。我认为没有办法做到这一点。我准备制作一个硬编码的事件名称数组,但如果我可以为DOM获取数组,那会好得多,并且在W3C标准化更多事件类型时仍然有效。附言如果你为W3C工作,这就是那种让每个人

javascript - "virtual"dom 操作?

我知道进行多个dom操作是不好的,因为它会强制进行多次重绘。即:$('body').append('').append('').append('').append('');相反,更好的做法显然是:$('body').append('');但我对虚拟操作很好奇即:$('').append('').append('').append('').append('').appendTo('body');它仍然很糟糕吗,显然多次调用一个函数会有一些开销,但是会不会有任何严重的性能影响?我问的原因是:vardivs=[{text:'First',id:'div_1',style:'backgroun

javascript - 如何在 DOM 中创建没有 SVG 元素的 SVG 矩阵

我一直在访问SVGMatrix原型(prototype),以利用其强大的矩阵转换功能。这些转换不一定与任何SVG元素相关varsvgElement=$('svg')[0];varsvgMatrix=svgElement.createSVGMatrix()Object.create(svgMatrix.__proto__)本质上,我希望能够像第二行那样创建一个svgMatrix,而不是像第1行那样首先依赖DOM中的svg元素。 最佳答案 怎么样varmatrix=document.createElementNS("http://www