- 博客(7)
- 收藏
- 关注
原创 react 里面的Reducer
然后 Reducer Hook这个组件导入React.createContext创建的这个ts文件然后通过组合(props.children)这个方法成为生产者。Reducer这个Hook里面有三个参数第一个是一个回调函数,第二个是一个对象,第三个也是一个回调函数修改第二个参数对象里面的内容然后直接返回给第一个回调函数。后面的组件如果想使用Reducer仓库的话就可以引入React.createContext文件直接使用useContext这个Hook就可以啦。需要结合useContext和组合才能实现。
2022-11-16 19:56:12 1971 1
原创 Vue中data为什么是函数
Object是引用数据类型,里面保存的是引用地址,如果复用的话就是共用一份data,这样的话就会是改变一个其他的都会变的结果。每一个组件都是vue的实例,组件复用里面的data应该是互不影响的,其中一个组件的data值改变其他的data值不变。data是函数的话会开辟一个新空间,使用一次组件都会返回一份新的data数据。
2022-11-07 23:33:08 136
原创 Vue2常用指令
具名插槽:父组件里面元素给上slot属性并且跟上属性值,子组件里面通过slot标签里面的name属性等于父组件里面的属性值这就是具名插槽。v-modle:只局限于input,select 标签,能将页面控件上输入的值同步到相关绑定的data属性上。编译过程:v-if切换有一个局部的编译卸载过程,切换过程中会适当的销毁和重建内部的监听事件和子组件。v-pre:阻止预编译,如果想要输出原样的纯文本文档,可以使用v-pre阻止预编译。编译条件:v-show不管什么条件都会编译,然后被缓存,而且DOM元素保留。
2022-11-07 22:17:24 1161
原创 防抖和节流
防抖:针对于高频触发事件如鼠标移动事件mousemove所做出的处理。触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。 let box = document.querySelector('.box') let timout1 = 0; box.onmousemove = function(){ if(timout1) clearTimeout(timout1)
2022-10-24 21:56:25 245
原创 利用indexOf实现数组去重
利用indexof方法来检索元素首次出现的下标位置返回一个合法值0到Object.length-1的值,如果没有就返回-1.
2022-10-13 21:06:24 193
原创 实现多层累加求和
这里还利用到啦valueOf方法就是将对象转换成原始值,不过这个方法很少用到,js底层都会自动调用转换。如果方法使用了原生的数据类型作为参数,返回原生数据类型的 String 对象值。如果方法有两个参数, 返回用第二个参数指定基数表示的第一个参数的字符串表示形式。toString() 方法用于返回以一个字符串表示的 Number 对象值。
2022-10-12 23:19:12 236
原创 【无标题】形参求和
functionsum(a,b,c){if(b,c){returna+b+c;}elsefunctionsum(d,e){returna+d+e;}}sum(2,3,4);console.log(sum(2,3,4));sum((2),(3),(4));console.log(sum((2),(3),(4)));
2022-07-27 22:09:54 109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人