草庐IT

improving-the-dom

全部标签

javascript - 等待 DOM 在 AngularJS 指令上准备就绪

我正在为我的Angular动力网站构建一个“导游”。我四处寻找选择和Intro.js似乎是最合适的。它已经准备好Angular指令和所有内容:AngularIntro.js.一切都按预期工作,直到我不得不向first(并且仅是第一个)添加一个步骤,一个由ng-repeat绑定(bind)注入(inject)的DOM对象。我给了所有ng-repeat项目一个唯一的ID(通过$index),但Intro.js就是不承认它。我猜Intro正在尝试通过指定的ID查找DIV,但由于ng-repeat尚未完成,因此没有该名称的DIV。我做了一个plunker,你可以看到它正在处理静态内容,但无法识

JavaScript 执行顺序 : why does this conditional execute after the code that follows it?

if(true){letm="yo";console.log(m);}console.log(m)输出:ReferenceError:misnotdefinedyo所以第4行的代码在第8行的代码之后执行。我对let的使用与此有什么关系吗?编辑:阅读评论后我意识到这可能是因为我的运行时间。这是我在Firefoxnightly中看到的:EDIT2:如果这确实只是我的运行时,那么是否因为这样的事情对生产代码有影响?跨浏览器的行为不一致?我该如何防范? 最佳答案 所以我认为FF运行时的行为是可以的。粗略地看一下规范(6.2.3.1等)表明代

javascript - D3 : hide voronoi strokes that fall 'in the sea'

隐藏所有落入海中的voronoi笔划的最“昂贵”的方法是什么?在陆地上运行的笔划(和多边形填充)应该是可见的,而在海上的笔划应该隐藏起来。我想我的目标从下图应该很清楚了:我可以想到两个选项:以某种方式将voronoi多边形“重新剪辑”到基础国家/地区('土地')多边形。这听起来superCPU密集型。这不是一个不错的选择,所以我们不去那里。在voronoi曲面分割之上叠加一个“海”多边形。那在视觉上会非常有效,而且正是我所需要的。我将如何根据国家basemap计算新的海洋多边形?(例如这个jsfiddlewithageoJSOND3map)我有多张多边形复杂程度各不相同的map,因此我

javascript - 如何仅使用 CSS3 将动态创建的元素平滑地添加到 DOM 中?

我的需求很简单,但我找不到合适的解决方案。我创建元素并将它们作为元素列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。每个元素的高度是动态的,因此必须符合CSS规则。我想我必须使用CSSanimations和keyframes,据我所知我不能使用transitions因为有时itisnotrenderedbythebrowser.我不想使用Javascript,所以我更愿意避免使用setTimeout()或jQuery的解决方案。我确信这可以使用现代CSS正确完成,但我仍然需要找到正确的方法。我有一个解决方案的开始(见下文),但是仍然有max-height:10

javascript - MaterializeCSS 日期选择器 : setDate does not update the view

使用MaterializeCSS1rc2,我尝试从Javascript更新我的DatePicker的日期。我的HTML我的JSfunctionchangeDate(date){/*dateisajavascriptDateobject*/vardatepicker=document.getElementById('datepicker');varinstance=M.Datepicker.getInstance(datepicker);instance.setDate(date);}查看控制台,所有变量都设置为其预期值。当我单击DatePicker时,这也是显示的预期日期(我在chan

javascript - 面向对象的 JavaScript 最佳实践问题 : How should I configure my objects for the following

我决定我需要提高我的javascript编程技能,以及我的OO技能。我目前正在阅读一些书籍,但有时如果不先看一些实际例子就很难掌握理论。所以,我有一个关于以下场景的“最佳实践”的理论问题......我想创建一个OO脚本来显示从服务器检索到的搜索标签记录列表。我还希望能够就地编辑每个搜索标签记录。目前,我在jQuery库的帮助下按程序执行此操作:我从服务器接受一个JSON编码的搜索标签记录列表。它看起来像这样:[{"searchTagName":"tagOne","searchTagID":"1"},{"searchTagName":"tagTwo","searchTagID":"2"}

javascript - 为新创建的 DOM 对象获取准确的尺寸

我正在动态创建DOM元素(更具体地说,使用jQuery创建一个DIV,其中包含一些带有css“width:auto”的文本,并在页面OnLoad事件中使用“font-face”字体)但发现在创建div并将其添加到DOM树后立即,div的宽度不是预期的大小(具体来说,宽度是错误的)。我需要知道元素的宽度/高度,因为我将对其进行一些动态布局。作为解决方法,我在创建元素后使用以下代码:SetTimeout(complete_layout,100)通过使用这个额外的超时延迟完成我的布局,一切都完美无缺,所有元素大小都完全符合预期(在UbuntuLinux上的最新Chrome中)但是,这个笨拙的

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 - Ajax 密集型页面 : reuse the same XMLHttpRequest object or create new one every time?

我正在开发某种在线多用户编辑器/协作界面,它将在一个页面的生命周期内执行大量(如数千)ajax请求。什么是最好的:(在稳定性、兼容性、避免麻烦方面的“最佳”)创建一个XMLHttpRequest对象并为每个HTTP请求重用该对象为每个HTTP请求创建一个新的XMLHttpRequest对象管理XMLHttpRequest对象的动态“池”,在启动HTTP请求且没有现有对象可用时创建一个新对象,并在其最后一个请求成功完成时将先前创建的对象标记为“可用”我认为1不是一个选项,因为某些请求可能会失败,我可能会在前一个请求尚未完成时发起新请求,等等。至于2,我猜这是内存泄漏,或者可能导致疯狂的内