草庐IT

video_dom

全部标签

javascript - 查找包含匹配正则表达式的字符串的 DOM 元素

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭1年前。Improvethisquestion我需要在HTML页面上找到所有匹配特定正则表达式的文本片段(也就是说,我需要忽略标签以便'Firstname:John'匹配'Firstname:John'),然后突出显示这些找到的片段(通过用新元素装饰)并应用自定义css样式)并能够找到这些片段,例如能够将它们滚动到View中。功能类似于Skype浏览器插件对页面上找到的电话号码的处理。

javascript - 如何使用 javascript 优化呈现大量 DOM 元素?

在网页上,我有一个相当大的项目列表(例如,产品卡,每个都包含图像和文本)-大约有1000个。我想在客户端过滤这个列表(只显示那些没有被过滤掉的项目),但是存在渲染性能问题。我应用了一个非常窄的过滤器,只剩下10-20个项目,然后取消它(所以所有项目都必须再次显示),浏览器(非常好的机器上的Chrome)挂断了一两秒钟。我使用以下例程重新呈现列表:for(vari=0,l=this.entries.length;idict是允许项的id的散列这个函数本身是即时运行的,它是挂起的渲染。是否有比更改DOM元素的“显示”属性更优化的重新渲染方法?提前感谢您的回答。

javascript - 如何在没有 TestUtils.findAllInRenderedTree 的情况下遍历包括 DOM 组件在内的所有 React 组件?

Reactv0.14将不再提供通过TestUtils.findAllInRenderedTree遍历根组件内所有渲染组件的能力-DOM组件将被排除在外。是否有一些更好的做法遍历根组件内的所有组件? 最佳答案 您可以通过遍历子节点来递归遍历节点。functiontraverse(node,visitor){return_traverse(node,visitor,{level:0,parent:null});}function_traverse(node,visitor,state){visitor(node,state);if(!n

javascript - Glimmer VM 与虚拟 dom 有何不同?

所以我最近开始研究emberjs,尤其是它的glimmer渲染引擎,并试图了解它是如何工作的。所以我的理解是,GlimmerVM是一个模拟实际DOM并执行功能以对其进行更新的虚拟机。虽然vdom维护DOM状态的内部表示,但glimmerVM没有这样的状态,相反,它执行两组线性指令-一组执行模板的初始渲染,第二组对元素进行更新。这种方法的主要好处是这样我们可以完全绕过JS的解析/编译瓶颈,只需将二进制文件发送到客户端,然后由glimmervm执行。我做对了吗? 最佳答案 如果只是将模板的语言从JS或文本更改为二进制字节码,Glimme

javascript - 放置 Javascript 片段以在呈现之前更改页面的 DOM 的最佳位置在哪里

我有几个动态页面,我想在页面完全呈现之前更改某些元素。我的代码片段是这样的:document.body.getElementById("change").innerHTML="我无权更改内容服务器端。将代码片段放置在何处以使其在呈现页面之前运行代码的最佳位置?相反,将Javascript放在HEAD中(在window.onload事件中?)或在结束BODY之前(不在事件监听器中)是最优的吗? 最佳答案 恐怕您不太可能在页面呈现之前执行您的脚本。当然,您可以放置​​一个内联脚本并让它在您希望它显示内容的地方使用document.wri

javascript - 检测/拦截 <img> 插入 DOM

我们使用的是这家分析公司提供的第三方分析报告脚本。它将1x1像素的图像添加到DOM中,并在图像的URL中报告数据。我有什么办法可以监控DOM并拦截这个元素并在浏览器请求图像之前更改其“src”属性?我知道这听起来很奇怪,但我们想在这个报告脚本中加入一个功能(脚本被混淆了)。 最佳答案 在非IE浏览器中,您可以使用DOMNodeInserted事件检测DOM节点的插入。我不知道浏览器是否会在触发事件时发出HTTP请求;从快速测试来看,它似乎不在Firefox中。由于这在IE中不起作用,因此无论如何这都不是可接受的解决方案。docume

javascript - 单击在不同输入上启动 focusout 事件的 DOM 问题

我有一个与focusout事件处理程序我有一个使用点击事件处理程序Focusout检查输入框的格式是否正确。它通过根据正则表达式测试输入值来实现。如果失败,它会显示一条消息(一段时间后div淡入淡出)并通过调用重新聚焦我的输入window.setTimout(function(){$(this).focus();},10);因为我无法重新聚焦focusout事件处理程序。focusout事件也不能取消。仅供引用。Click从输入元素收集数据并使用Ajax发送。问题当用户TABs浏览表单时一切正常。当某个输入框的格式检查失败时,它会在用户按下TAB后立即重新聚焦。但是当用户不使用TAB而

javascript - 执行通过 DOM 插入加载的 javascript

我正在研究将小部件添加到客户站点的东西,并且我想异步加载我的js,以免阻止客户的页面加载。我一直在阅读很多关于此的主题,并且一直在尝试实现此处建议的模式,因为我的项目非常相似:http://friendlybit.com/js/lazy-loading-asyncronous-javascript我遇到的问题是我动态加载的javascript文件中的代码没有被执行。抱歉,如果这似乎是一个重复的问题,但我已经花了几个小时搜索和尝试略有不同的技术,并且我已经阅读了许多帖子,包括这些stackoverflow问题:Loadjavascriptasync,thencheckDOMloadedb

javascript - Uncaught Error NOT_FOUND_ERR DOM 异常 8

所以我删除了特定div下的所有内容并添加了消息内容。但是,javascript在完成后抛出以下错误:UncaughtError:NOT_FOUND_ERR:DOMException8这是执行代码newAjax.Request("profileThis.php",{method:'post',parameters:{title:title,review:review,userId:userId,category:category,categoryId:categoryId},onSuccess:function(ajax){alert(ajax.responseText);//thisi

javascript - 为什么 jquery 链接回调中的 'this' 是 DOM 元素?

所以我知道在使用$.fn.each、$.fn.bind等时,它是this的标准jQuery中的关键字将回调链接为DOM元素。我知道至少在我的开发中我通常希望DOM元素包装在一个jQuery集合中——90%的时间我最终都在做var$this=$(this)。我确信他们选择绑定(bind)到未包装的元素有一个很好的(可能是基于性能的)理由,但有人知道它到底是什么吗?这是我觉得知道答案的事情之一,可能会为更深层次地理解图书馆和语言打开大门。 最佳答案 Iamsuretherewasagood(likelyperformance-based