草庐IT

x-dom-event-stream

全部标签

javascript - Rails 3.1 http streaming - js 在头部或 body 底部?

在Rails3.1中,有一个选项可以启用HTTP流式处理,这样您的页面就可以分块下载。在关于此功能的Railscast中,Ryan建议启用此功能是个好主意,这样您的CSS和JavaScript就可以被拉下,同时页面的其余部分仍在呈现。我一直遵循这样的准则,即在加载所有页面内容后,脚本应位于页面底部,这样可以减少感知加载时间,但这样做不会利用HTTP流式传输。您认为现在最好的做法是什么? 最佳答案 我认为这是一个很好的问题;我觉得有必要到谷歌上寻找答案。将脚本Assets放在页面底部的论据是为了防止阻塞浏览器的渲染器,否则浏览器的渲染

javascript - 为什么 javascript 中的对象字面量会保存不必要的 DOM 引用?

来自this文档,不要这样做car=newObject();car.make="Honda";car.model="Civic";car.transmission="manual";car.miles=1000000;car.condition="needswork";改为这样做car={make:"Honda",model:"Civic",transmission:"manual",miles:1000000,condition:"needswork"}因为ThissavesspaceandunnecessaryDOMreferences.但是DOM只是在HTML、XHTML或XML

javascript - 删除未使用的 DOM 元素以提高性能

我正在编写单页应用程序。最初提供页面时,它包含许多DOM元素,这些元素包含我注入(inject)到页面中的json字符串。当页面加载到客户端时,首先发生的事情是这些DOM元素从json解析为javascript对象,然后它们再也不会被使用。从DOM中删除它们并减小其大小是否会带来性能优势?关于这方面,我还没有找到任何确凿的数据。有关信息,这些元素的大小约为500K。感谢您的建议。 最佳答案 WouldtherebeaperformancebenefitintodeletingthemfromtheDOMandreducingitss

javascript - 文档在 dom 操作后准备就绪

我正在用Phonegap做一个应用程序,我正在使用一个自建的幻灯片切换来更改页面。它是这样工作的:每个页面都是一个高度和宽度为100%的div,因此如果我更改页面,我会将下一个div设置为当前事件的右侧并将两者都滑动到左侧。现在问题来了:滑动工作正常,但它是在右侧div的内容完全加载之前执行的。所以右边的div滑入空白,只有几百毫秒后内容才会出现。我用document.ready试过了,但据我所知,这个事件只在第一次加载DOM时执行。在我用Javascript操作了DOM之后,有人知道如何等待DOM再次完全呈现吗? 最佳答案 在您的

javascript - DOM 元素的 JavaScript 相等运算符是否跨浏览器?

对于DOM元素,==和===能否在所有浏览器中正常工作?如果代码以两种不同的方式获取对原始DOM元素的引用,那么它们在所有浏览器中是否都等于==和===? 最佳答案 Will==and===workcorrectlyinallbrowsersforDOMelements?是的,这些相等运算符将按照ECMAScript标准定义的方式工作。请注意,==经常会做开发人员意想不到的事情,例如在与字符串值进行比较时转换为字符串。这将使以下陈述为真,尽管它可能不是所需的结果:document.createElement('div')=='[ob

javascript - JavaScript 如何将 DOM 元素存储在变量中?

我的意思是当您执行以下操作时,JavaScript如何存储DOM元素:varfoo=document.getElementsByTagName('p');foo变成了什么?一组对象?以及如何向该变量添加更多元素,例如:varbar=document.form[0].getElementsByTagName('input');//5elementsvarfoo=document.form[1].getElementsByTagName('input');//4elementsbar=+foo;for(i=0;i是否可以将更多相同类型的元素添加到一个已经有元素的变量中?我是否必须遍历要添加

javascript - 调用 $(this) 时,jQuery 会重新查询 DOM 吗?

在下面的代码中,当$(this)被调用时,jQuery是否重新查询DOM,就好像选择器已传递给它一样(使用对象的某些属性作为选择器),或者jQuery是否保留先前返回的对象?$('.someButton').on('click',function(){$(this).remove();//Isthisanotherlookup,orjustawrapperforthepreviouslyreturnedobject?}); 最佳答案 它不会重新查询DOM,this已经是一个元素。jQuery只是将上下文设置为元素,调整长度,然后返回

javascript - 如何检查 DOM 引用是否已被销毁?

这个问题在这里已经有了答案:HowcanIcheckifanelementexistsinthevisibleDOM?(27个答案)关闭7年前。假设我以老式方式(或任何其他可以获得DOM引用的方式)选择一个元素:varel=document.getElementById('myFavoriteElement');然后我从DOM中删除该元素的父元素,从而也删除了el。或者我直接删除el。有没有办法检查el是否仍然是一个有效的引用,它所引用的HTML是否仍然存在于DOM中?类似于el.hasBeenDestroyed的东西作为bool属性,或者类似的东西?

javascript - angular watchers 和 event listeners 以什么顺序执行?

如果先更改作用域属性,然后再广播事件,那么相应的观察者回调和事件监听者回调是否总是以相同的顺序执行?例如:$scope.foo=3;$scope.$broadcast('bar');和其他地方:$scope.$watch('foo',functionfn1(){...});$scope.$on('bar',functionfn2(){...});fn1是否总是在fn2之前执行,反之亦然,或者是否可以不依赖该顺序?请引用来源,最好是官方Angular文档。以防万一:假设$scope.foo=和$broadcast发生在由ng-click(即用户交互)调用的函数中[旁白]抱歉,问题标题草率

javascript - 我如何在每次迭代之间间隔循环中为 DOM 元素设置动画?

我有一个函数foo,我想添加一个sleep/等待函数来制作一种DOM元素动画。我已经做了一些研究,我知道暂停javascript函数是不可能的,因为它会卡住浏览器-如果我错了请纠正我。我该如何克服它?functionfoo(){while(someCondition){var$someDiv=$('.someDiv:nth-child('+guess+')');$someDiv.css({'background-color':'red'});wait1000ms$someDiv.css({'background-color':'blue'});wait1000msif(someCond