- 博客(14)
- 收藏
- 关注
RSS订阅原创 React路由的封装
现在要跳的路由很少，还可以接受，一旦后期路由变多，那么这个文件会变的很臃肿，我们可以对他进行封装，让他动态的去渲染路由。不管是几级嵌套路由，这个封装都可以满足，也与vue中编写路由模式比较像。
2023-04-18 20:55:18
749
原创 React路由
路由组件路由组件<Switch>的所有子项应为<Route>或<Redirect>元素渲染与位置匹配的第一个子元素<Route>或是独特的，因为它仅仅渲染一个路由。相反，与位置匹配的每个<Route>都会渲染元素尝试将其路径与当前历史记录位置（通常是当前浏览器URL）进行匹配渲染与位置匹配的组件;如果路由没有路径，将始终匹配;Redirect ：渲染<Redirect>将导航到新位置。新位置将覆盖历史堆栈中的当前位置;Link最终渲染成a。
2023-04-18 15:02:50
78
原创 高阶 、节流与防抖
接受函数作为参数的函数；高阶函数的应用有很多，函数防抖，函数节流，bind函数，函数柯里化，mapPromise的then函数等。
2023-04-13 16:14:36
78
原创 React、组件通信
借助createContext方法 先实例化一个公共的上下文通信对象, 外层组件通过Provider组件的value属性传值, 内层组件和上下文通信对象建立连接, 然后再通过this.context获取值.借助events库 先实例化一个公共的通信对象, 其中一个组件提前监听事件, 另一个兄弟组件在合适的时机触发事件并传值.父组件通过自定义属性传一个函数给子组件, 子组件内部通过props获取该函数并在合适的时机回调该函数完成传值.不同点：props用来接收父组件传来的值,默认是只读的．。
2023-04-12 21:22:45
54
原创 选项式api V/S 组合式api
组合式 API 不会像选项式 API 那样手把手教你该把代码放在哪里，这意味着代码组织会更糟糕，但反过来，它却让你可以像编写普通的 JavaScript 那样来编写组件代码。
2023-03-31 15:20:34
338
1
原创 @vuex
（一般state中的一个值，与他相关的全部写到一个模 块里，然后导入进来，利于管理）dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值)commit：同步操作，写法：this.$store.commit(‘mutations方法名’,值)（执行异步代码，但是不能直接修改state中的数据。：配合其他插件管理state中的数据。：模块化管理state中的数据。
2023-03-27 20:51:34
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人