草庐IT

循环滚动

全部标签

javascript - 如何在 JavaScript 中使用 reduce 而不是 for 循环构建 contains 函数?

我想这是两个问题。我仍然在使用reduce方法时遇到问题,我得到了使用它的简单方法reduce([1,2,3],函数(a,b){返回a+b;},0);//6将它与数字以外的任何东西一起使用真的让我感到困惑。那么我如何使用reduce代替for循环来构建一个包含函数呢?评论将不胜感激。谢谢大家。functioncontains(collection,target){for(vari=0;i 最佳答案 这是你需要的:functioncontains(collection,target){returncollection.reduce(f

javascript - 在上方和下方添加新内容时锁定滚动

我有一个用作新闻提要的meteor.js应用程序,可以发布话题,人们可以实时评论话题。这意味着当您查看帖子时,将在帖子上方和下方添加新评论,并且在上方添加新话题。这会将您正在关注的帖子向下推到视口(viewport)之外,这是意想不到的(除非您已经滚动到顶部)。更新滚动以在添加新内容时保持相同视觉中心的最佳方法是什么? 最佳答案 你可以试试这个方法:保存scrollTop值;在内容前添加内容(即,在关注的帖子上方添加新帖子);将新内容的高度添加到步骤1中保存的值;滚动到新值。这是一个例子:functionrandomString()

javascript - forEach 在循环之前是否创建数组的深拷贝?

举个例子arr1=[{b:2},{a:1}]//anarraywith2elementsarr1.forEach(function(element,index,array){console.log(element);console.log('of');console.log(array);console.log('');arr1.push({c:3});});console.log(arr1);结果{b:2}of[{b:2},{a:1}]{a:1}of[{b:2},{a:1},{c:3}][{b:2},{a:1},{c:3},{c:3}]在上面的示例中,我正在遍历一个数组并向其添加更多

javascript - 更改 scrollTop 不会继续惯性滚动

我有一个包含可滚动内容的div,在某个scrollTop值返回到顶部。varcontainer=document.getElementById('container');functionscroll_function(){varnew_position_top=container.scrollTop;if(new_position_top>600){container.scrollTop=0;}}container.addEventListener('scroll',scroll_function);#container{width:300px;height:300px;overflo

javascript - 水平滚动的 SVG

我正在尝试用D3(https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js)做一个SVG图形,其中条形宽度是手动定义的,并且有一个水平滚动条..我这里有一个工作fiddlehttps://jsfiddle.net/bikrantsharma/zw264tfc/12/我的比例是这样定义的varbarWidth=30,paddingFactor=2.2,responsiveDIVHeight=300,responsiveDIVWidth=tempData.length*barWidth*paddingFactor;varx=d3.

javascript - Node.js setImmediate 在 I/O 回调之前执行(事件循环)

看看下面的代码:varfs=require('fs');varpos=0;fs.stat(__filename,function(){console.log(++pos+"FIRSTSTAT");});fs.stat(__filename,function(){console.log(++pos+"LASTSTAT");});setImmediate(function(){console.log(++pos+"IMMEDIATE")})当我执行这段代码时,会显示以下结果:作为Node.jsdocumentation解释一下,setImmediate是在I/O回调之后执行的,但是在这个例

javascript - promise 中的超时循环在 promise 解决后永远不会执行?

我遇到了一个问题,即从已解决的promise发送到setTimeout的回调永远不会执行。假设我有以下内容:classFoo{constructor(foo){this.foo=foo;}asyncexecUntilStop(callback){consttimeoutLoopCallback=()=>{if(this.stopExec)return;callback({data:'data'});setTimeout(timeoutLoopCallback,10);};setTimeout(timeoutLoopCallback,10);return{data:'data'};}st

javascript - React setState 在 while 循环期间不设置状态

我想避免数据倍增,所以我想创建一个循环来为不同的site_id调用我的数据提供者。我创建了一个while循环并在此while循环中设置状态值。我意识到从我的2元素数组(我有2个站点)中只有1个被设置在状态中,而另一个没有。classDashboardextendsComponent{state={username:localStorage.getItem('username'),siteid:[{id:1,daily:"EKdaily",weekly:"EKweekly",monthly:"EKmonthly",total:"EKtotal",},{id:2,daily:"AKdail

JavaScript:为什么 "for in"循环从 __proto__ 中选取变量?

我在Object的原型(prototype)中添加了一个方法trigger:Object.prototype.trigger=function(){//...returnthis;};然后有一个“forin”循环:varobj={4:15,10:41,11:46,12:51,20:74}for(iteminobj){foo(obj[item]);}但是这个循环有6次迭代而不是5次。最后一次迭代是带键的:item="trigger"为什么循环遍历对象的__proto__部分? 最佳答案 for...in遍历所有对象属性,而不区分对象本

javascript - 在循环的每次迭代中都使用 setState 是不好的做法吗?

这是一个小代码片段:asynccomponentDidMount(){...this.state.postList.forEach(element=>{this.fetchItem(element);});}asyncfetchItem(query){...this.setState(previousState=>{constlist=[...previousState.data,data];return{data:list};});}我很想知道在forEach循环的每次迭代中使用setState是否是个坏主意。我怀疑它会影响性能,但我想确定地知道,因为这似乎是解决此问题的最简单方法。