反应是有Facebook开发出来用于构建前端界面的JS组件库,由于其背后的强大背景,使得这款库在技术开发上完全没有问题。
<强>反应的优势强>
-
<李>解决大规模项目开发中数据不断变化变得难以操作的问题,李>
<李>组件化开发,使得开发更加快速;李>
<李>单向数据流,有利于找到问题;李>
<李>虚拟DOM,在反应内部有一套diff算法可以快速的计算出整体需要改动的位置,从而做到快速局部刷新;举个栗子:删除一个列表再插入个新表,计算后会比较出不同然后插进去;李>
大家都可能会遇到这样的问题,那就是滚动事件。比较获取div的滚动事件,在ReactJS想要给div添加一个滚动事件,那基本上是添加不上的(可能是我的能力有限吧,反正我到目前为止,还没有找到可以直接给div添加滚动事件的)。
要想实现滚动,那就必须得componentWillMount里注册滚动事件,<代码>窗口。addEventListener(“滚动”,this.onScroll.bind(这))> 代码,添加事件非常容易的就添加上了。
在componentWillUnmount里删除<代码>窗口。removeEventListener(“滚动”,this.onScroll.bind(这),代码>。
添加容易,删除难,上面那种移除是删除不了的。在其它页面里,如果你滚动也会触发> componentDidMount () { regScroll (this.handler.bind ());//窗口。addEventListener(“滚动”,this.handler.bind(这),假) } componentWillUnmount () { 窗口。onscroll=";//窗口。removeEventListener(“滚动”,this.handler.bind(这),假) }//添加事件监听 函数regScroll (myHandler) { 如果窗口。onscroll===null) { 窗口。onscroll=myHandler }如果(typeof窗口。onscroll===昂?{ var oldHandler=window.onscroll; 窗口。onscroll=function () { myHandler (); oldHandler (); } } }//删除所有事件监听 函数removeScrollHandler () { window.onscroll=" }
<强> 强>
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。