自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 v6版本路由处理---函数式组件

v6版本路由处理,跳转,传参

2023-03-11 15:30:00 132

原创 v5 版本路由 --- 类组件

路由安装。

2023-03-10 14:47:40 67

原创 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

原创 学习笔记: JS 的函数

函数

2022-09-08 22:42:59 91

原创 学习笔记:循环

while循环、do...while、for循环、循环嵌套、break与continue的区别

2022-09-06 22:30:20 99

原创 学习笔记:逻辑分支

逻辑分支,if 的条件的表现形式,三目运算,switch等值分支结构,

2022-09-05 18:51:44 81

原创 笔记:运算符及显隐转换

运算符的三要素:优先级、结合方向、操作目数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关注的人

提示
确定要删除当前文章?
取消 删除