草庐IT

not-when-fast-scrolling

全部标签

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - react 代码抛出 “TypeError: this.props.data.map is not a function”

我刚开始用React编码,我习惯用CoffeeScript编码。我试着沿着tutorialpresentedintheReactdocs编码并为状态更新做了类似的事情。但是,我收到TypeError:this.props.data.mapisnotafunction。我有点迷茫,想知道我哪里错了。有人可以指导我并告诉我哪里出错了吗?这是我的代码:(function(){varStatus,StatusBox,StatusForm,StatusList,button,div,h4,textarea,_ref;_ref=React.DOM,div=_ref.div,textarea=_re

javascript - 如何使 "undefined is not a function"错误更有用?

考虑这段JavaScript代码:varx=newdate()//"ReferenceError:dateisnotdefined"-usefulerror,hintsatatypo('D'ate)varx=newMyClass.foo()//"TypeError:undefinedisnotafunction"-baderror,nohintitmightbe'F'oo错误本身是正确的,因为MyClass没有foo方法,所以MyClass.foo确实返回了undefined,new不喜欢这样。问题是这根本没有暗示用户可能拼错了方法名称。现实生活中的例子:newMeteor.colle

javascript - 为什么我会收到 ReferrenceError : BinaryFile is not Defined

我关注thisanswer中的结果完全正确,但我收到以下错误:ReferenceError:BinaryFileisnotdefined这是使用它的代码:fr.onloadend=function(){console.log(this);exif=EXIF.readFromBinaryFile(newBinaryFile(this.result));}console.log显示那里有数据,我只是不明白我收到的这个错误。感谢您的帮助。 最佳答案 我用了下面的,效果很好EXIF.getData(img,function(){orient

javascript - react /归零 : mapStateToProps not actually mapping state to props

我在项目中使用React和Redux,但在实现启用/禁用按钮的功能时遇到问题。我已经能够:触发方法让该方法触发Action创建器发送一个Action在reducer中捕获该操作并创建一个新的更新状态在ReduxDevTools中查看更新状态但是,启用/禁用功能仍然不起作用,因为似乎mapStateToProps和connect实际上并未将状态映射到Prop。我正在跟踪canSubmit,它在状态内发生变化,但在props中是undefined。我缺少什么才能成功地将状态映射到Prop?相关代码:用户窗体ViewconstmapStateToProps=(state)=>({router

javascript - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

我正在设置一个简单的玩具应用程序来学习React/Hapi,并且一切正常,直到我尝试设置服务器端路由。服务器运行无误,并使用helloworld正确呈现“/”。但是,当我导航到“/test”时,出现以下错误。Warning:FailedpropType:Requiredprop`history`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop`location`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop

javascript - 优化 : Get specific Value(and not more) from IndexedDB

我正在做的是在客户端上保存和检索大量图像。(现在indexedDB对于这个简单的工作来说似乎有点过分了,但是因为它是唯一没有限制的跨浏览器解决方案(比如localStorage),所以我不得不使用它......而且它有效)这是我的数据库的样子:(更具体地说,我的数据库的唯一对象库)#|key(timeID)|value0|812378123|{data:¨....¨,tnData:¨...¨,timeID:812378123}1|912378123|{data:¨....¨,tnData:¨...¨,timeID:912378123}2....KeyValue是一个唯一的TimeID,

javascript - react : Prevent remount when parent rerenders

我有一个组件Split,它有两个child。第一个child将显示在屏幕的左侧,第二个child将显示在屏幕的右侧。如果屏幕宽度低于某个点,则只会显示右侧,左侧将从DOM中移除。示例子项可以是Sidebar组件和Content组件。对于移动设备,我不想显示菜单,但有一个弹出的特殊移动菜单。我的问题是:如何在不卸载和重新安装Content组件的情况下删除Sidebar组件?我的Content组件在componentDidMount上获取数据,我不希望它再次重新获取或重新安装(因此丢弃用户输入)。基本上我有这样的东西:Split的渲染方法看起来像这样:letchildren;letfirs

javascript - 带有 Webpack 的 VueJS : imports and exports not working as expected

我启动了一个新的Vuetify/Webpack项目,并尝试通过vueinitvuetify/webpack设置项目后实现vue-router。我根据thistutorial中的说明设置路由器.经过一些摆弄后,我通过更改导入Vue组件的方式使其正常工作。在我的router/index.js文件中://worksformeimportMainfrom'../components/Main.vue'//doesNOTwork;fromthetutorialimportMainfrom'@/components/Main'我的问题是,为什么我必须相对导入我的Main.vue文件并在导入时包含.

javascript - Firebase 为发布请求提供 "path not recognized"错误

我正在使用Firebase来托管我的nodejs应用程序并正在使用CloudFunctions。使用命令firebaseserve--onlyfunctions,hosting我正在部署我的应用程序。我有一个带有action="/putNPK"的表单,并且在从Node运行时完美运行。但是当我通过firebase提供它时,我在提交表单时遇到了这个错误。{"error":{"code":404,"status":"NOT_FOUND","message":"/putNPKisnotarecognizedpath.","errors":["/putNPKisnotarecognizedpat