草庐IT

位置变化

全部标签

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - TinyMCE - 外部工具栏位置

我正在尝试与TinyMCE合作创建一个多文本框、点击编辑类型的图形内容编辑器。我已经获得了TinyMCE,我可以添加和删除它们、定位它们并调整它们的大小、单击以编辑它们等等-但有一件事困扰着我,那就是工具栏。我有一个外部工具栏,我试图将它与我的“保存并关闭”按钮和其他一些工具按钮一起放置在页面的底部边缘。外部工具栏由TinyMCE在类"mceExternalToolbar"的DIV中创建。我尝试在页面样式表中设置position:fixed和left:和top:属性,但无济于事-TinyMCE设置position:absolute和top:-28px在创建DIV时。由于元素限制,我无法

javascript - 确定鼠标位置是否靠近浏览器的边缘

在浏览器中,我试图确定代表鼠标位置的点是否在我所说的“外部区域”中。例如,在附图中,外部区域为蓝色背景。代码和图片中W代表浏览器视口(viewport)的宽度,H代表高度,x,y代表鼠标位置现在,我正在使用这段代码来做到这一点:if(((x>0&&xw2&&xw1&&x0&&yh2&&y虽然它按原样工作,但我想知道是否有更好的方法? 最佳答案 你不需要检查它是否大于0小于W,因为指针x位置不能小于0或大于W。同样适用于Y轴。以下应该足够了:if((x>w2||xh2||y 关于javas

javascript - 位置固定和宽度 100% 元素覆盖 IE 中的垂直滚动条

我有一个宽度为100%且位置固定在页面顶部的div。当html需要垂直滚动时,它会覆盖IE中的垂直滚动条。我该怎么做才能避免这种情况(我无法更改位置固定位)?我可以检测页面是否需要垂直滚动onload/resize并使用jQuery更改静态div的宽度吗?或完全通过CSS解决吗? 最佳答案 发现问题:我不小心将overflow:auto附加到body标签上,而它只适用于html标签。 关于javascript-位置固定和宽度100%元素覆盖IE中的垂直滚动条,我们在StackOverfl

javascript - 是否有将整个 SVG 路径移动到新位置的命令?

是否有命令将整个SVG路径移动到新位置,而不是将偏移量添加到路径的每个点? 最佳答案 感谢sehe的评论。解决方法是:将路径包裹成 关于javascript-是否有将整个SVG路径移动到新位置的命令?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7623296/

javascript - Google Chrome 标签页 ID 在标签页的生命周期内发生变化

我正在实现处理选项卡的GoogleChrome扩展程序。这包括我获取onCreated、onUpdated和onActivated。每次,我都在我的逻辑中使用tabId,它最初在处理onCreated事件期间存储在一个数组中。原则上,一切正常。但是,我注意到了一个小故障。有时,现有选项卡的ID会更改。因此,一个选项卡有一个不在我的数组中的ID,这自然会导致错误。我可以在以下用例中重现此问题:使用不同的URL打开2个或更多标签在一个选项卡中加载一个已在另一个选项卡中加载的URL在这种情况下,会发生两件事:首先,触发T的onActivated事件,而不是onUpdated事件。其次,T现在

javascript - Knockout,如何订阅observableArray的每一次变化

你能帮我订阅吗oneverychangeofmyobservablecollectionandoneveryitemchange.未找到关于http://knockoutjs.com/documentation/observableArrays.html的信息$(document).ready(function(){varItem=function(isSelected,isEnabled,errorState,name,group,processed,errors,state){varself=this;self._isSelected=ko.observable(isSelecte

Javascript:在 setTimeout 中使用不断变化的全局变量

我正在使用Javascript并使用firefoxscratchpad来执行它。我有一个全局索引,我想在我的setTimeout(或任何异步执行的函数)中获取它。我不能使用Array.push,因为数据的顺序必须保持不变,就好像它是按顺序执行的一样。这是我的代码:-functionDemo(){this.arr=[];this.counter=0;this.setMember=function(){varself=this;for(;this.counter在这里,我希望我的d.arr有0-9个索引,所有索引都有'IamJohn!',但只有第9个索引有“我是约翰!”。我想,将this.

javascript - 动态更改 Bootstrap 工具提示位置

我试图动态更改工具提示的位置,但它不起作用。ChangeToolTip!对于js://Initialltooltipforallelements$("[title!='']").tooltip();$("#changeBtn").click(function(){//Changetooltipplacment$("#sample").tooltip({placement:'left'}).tooltip('show');})http://jsfiddle.net/znvv9ar5/我在ChangeTwitterBootstrapTooltipcontentonclick找到了一个很好的

javascript - 用字母表中的位置替换字母 - 正则表达式

这个挑战的描述是获取一个字符串并将字母替换为字母表中从1-index开始的字母位置。要求您跳过所有非字符,包括空格。functionalphabetPosition(text){varresult=[];varalphabet=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"]text=text.replace(/\W*\d+/g,'').toLowerCase().split('');for(vari=0;i我的问题是,当涉及