- 博客(15)
- 收藏
- 关注
原创 React中间件--redux-thunk
redux-thunk的基本思想是,如果派发的是一个函数,redux-thunk会对这个函数进行处理,将dispatch函数作为参数传递给这个函数,以便让函数在合适的时机触发其他的action。在React中,redux-thunk是一个常用的中间件,用于处理Redux中的异步操作。它允许我们在派发action时传递一个函数,这个函数可以进行异步操作,并在适当的时候派发其他的action来改变应用状态。通过使用redux-thunk,我们可以更好地管理Redux中的异步行为,提高代码的可维护性和可扩展性。
2023-07-31 21:31:07
248
1
原创 React组件传值之-跨组件传值
react 组件间传递数据是通过 props 向下,是单向传递的,从父级一层一层地通过 props 地向下传递到子子孙孙,有的时候我们组件一层一层的嵌套多层,这样这种方式一层一层传递麻烦,如果想跃层传递,这就会用到 context。其中就有一个useContext可以简化我们在函数组件中使用上下文对象的复杂度。接收一个 context 对象(React.createContext 的返回值)并返回该 context 的当前值。context很好的解决了跨组件传值的复杂度。可以快速的进行跨组件数据的传递。
2023-07-29 16:30:00
371
原创 React组件传值之--逆向传值-同胞传值
2.接收 据的组件中使用Pubsub.subscribe("你监听的事件",()=>{})subscribe 监听自定义事件。2.抛出 在需要传递的组件中使用 Pubsub.publish(“自定义事件名”,"数据") publish创建自定义事件。React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件。利用回调函数 父组件提供函数,子组件调用并且把数据当做函数的参数传入。上.在父组件上改变这个状态然后通过props分发给子组件.子组件把数据给父组件。
2023-07-29 10:00:00
865
原创 React的组件传值--正传props
(默认写上没有任何作用 在组件被调用的时候 如果我们在他的开关标签中插入dom元素 那么this.props.chilren 就会接收并且显示)1.子组件 this.props.xxx。
2023-07-28 16:59:40
156
1
原创 全局路由守卫设置
在这个示例中,全局前置守卫的钩子函数为beforeEach,它接收三个参数:to、from和next。如果目标路径是登录页面,则直接调用next()方法进行路由跳转;如果目标路径不是登录页面,则需要进行登录验证等操作,并最终调用next()方法进行路由跳转。在Vue Router中,可以通过在router实例化时添加beforeEach守卫来实现全局前置守卫。全局前置守卫可以在路由跳转前进行一些操作,如验证用户是否已登录。全局前置守卫的钩子函数名为beforeEach。
2023-07-21 20:14:57
180
1
原创 Blocked by CC firewall
当你的电脑或者网络被 CC 防火墙拦截时,可能会出现此提示。造成这种状况的原因可能有很多,例如你的电脑防火墙设置问题,或者某个网站正在遭受攻击,防火墙正在进行防护。过一段时间后,尝试重新访问该网站,如果还是无法访问,可以尝试更换网络环境或者更换浏览器等方式。这是一个友好页面,提示你被CC防火墙阻止,如果你打开所有网页都这样那你电脑防火墙设置不对,如果只是某一个网站这样提示,证明这个网站正在被CC攻击,防火墙在工作,过一段时间就好了。
2023-07-20 10:38:25
1074
3
原创 redux的使用
redux使用和持久化第一步:使用redux第二步:使用react-redux简化步骤第三步:持久化store1、store文件夹下 index.ts 文件2、store文件夹下 reducer.ts第二步:使用react-redux简化步骤第三步:持久化store1、store下的index.ts2、根组件导入 并包裹根组件// 最后,在组件内使用,导入 useDispatch var dispatch = useDispatc
2023-03-01 16:44:46
126
转载 VUE面试题
computed: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,当依赖的属性值发生改变时,才会重新计算 computed 的值,它可以设置getter和setter.Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 单页面应用的实现思路: 就是在 Web 页面初始化时加载所有的 HTML、JavaScript 和 CSS,页面的内容的变化,靠动态操作DOM。
2023-02-13 10:28:58
61
原创 笔记:运算符及显隐转换
运算符的三要素:优先级、结合方向、操作目数1.算数运算符+ - * / % (取余)2.赋值运算符 :=复合的赋值运算符:+= 、 -= 、 *= 、/= 、%=3.自增自减运算符++ --前加加:加号在前面,先算再用后加加:加号在后面,先用后算。过了该条语句后再计算4.关系运算符== 、!通过关系运算符连接的表达式结果为布尔值5.逻辑运算符逻辑运算符连接的表达式结果依然为布尔值。
2022-09-04 14:03:51
130
原创 学习笔记,js介绍及数据类型
简介:JavaScript一种在浏览器中解释运行的脚本语言,它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML(HTML5)网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。
2022-09-04 12:23:11
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人