react-hooks在useEffect中写防抖事件(随笔) useEffect 会在每轮渲染结束后执行,在state发生改变时,也会重新render。因而,这里的state中状态变化时debounce 函数就会重新生成一次,其内部逻辑就会执行一次。所以其就没有起到作用。用 ref 保存一下防抖函数,后面再触发useEffect时,就不会生成新的防抖函数了。卸载 usePrivateDebounce.current.cancel()使用: getData.current(name, age)
如何居中一个元素(终结版) 一、水平居中1.行内元素水平居中利用text-align:center可以实现块级元素内部的行内元素水平居中;若内部包含着一个块级元素,可以先将其由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中 <div class="parent"> <div class="child">CSDN</div> </div>.parent { text-align: center; } .child { dis
什么是vue-router,工作原理是什么 一、vue-router是什么路由就是SPA的路径管理器。vue-router是Vuejs官方的路由插件,它和vuejs是深度集成的,适用于构建单页面应用。vue的SPA是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。二、vue-router实现原理2.1 Hash模式vue-router默认h
this指向 前言this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字,被自动定义在所有函数的作用域中。对于那些没有投入时间学习this机制的JavaScript开发者来说,this的绑定一直是一件非常令人困惑的事。了解this随着函数使用场合的不同,this的值会发生变化。但总有一条原则就是JS中的this代表的是当前行为执行的主体,在JS中主要研究的都是函数中的this,但并不是说只有在函数里才有this,this实际上是在函数被调用时发生的绑定,它指向什么完全取决于函数在哪里被