- 博客(7)
- 收藏
- 关注
RSS订阅原创 更改redux状态的方法
下面这个方法分别是点击两个按钮的时候，更改redux的状态创建actions文件夹，里面创建两个文件notifications.js和actionTypes.js,名字随意文件一在notifications.js文件里面写方法文件二在actionTypes.js文件夹里用大写导出文件三在操作状态的文件notifications.js文件四最后就可以在这里直接更改了...
2020-04-29 00:15:09
505
原创 使用redux实现组件数据共享
先安装 yarn add redux react-redux redux-thunk创建文件一在src下创建store,js文件在store.js里引入redux 结构出来createStore1.并且暴露出去2.在文件里面并且引入reducer3.把thunk引入进来4.引入参数applyMiddleware5.把thunk传进去这样就创建成功了...
2020-04-28 22:24:17
599
原创 用vue做的路由守卫
把基本的都弄好了 如图下接下来，我要再创建一个叫做=Login=文件的文件，如图下接下来，先写一个登录按钮，如图下在方法里面写上写一个登录的方法 login(){}先写一个定时器试一下setTimeout(()=>{}在定时器上写一个token令牌，当点击的时候跳转到另一个页面，如图下接下来，要判断路由拦截判断每次路由切换的时候，是否有token令牌如图下这样就...
2020-04-09 13:18:49
158
原创 VUE脚手架发proxy请求的方法
首先我在components文件夹下创建一个Child.vue用来发送请求，直接请求会报错跨域。所有要在要在创建一个vue.config.js文件，在这个文件里面配置一下代理接下来就可以请求成功了。但是，我发现一个问题。 如果请求多个的时候就出问题了，如下图...
2020-03-28 00:24:46
760
原创 VUE生命周期和钩子函数的一些理解
vue生命周期简介咱们从 下图 可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了生命周期探究<body><div id="app"> <p>{{ message }}</p></div><script type="text/javascript"> var app...
2020-03-25 12:12:46
121
原创 虚拟dom理解
频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过于抽象，却基本概况了虚拟DOM的设计思想(1) 提供一种方便的工具，使得开发效率得到保证(2) 保证最小化的DOM操作，使得执行效率得到保证也就是说，虚拟dom的框架/工具都是这么做的：根据虚拟do...
2020-03-23 21:52:43
240
原创 #手风琴案例
+有四个图片横向排列(浮动, 弹性盒子)=> 默认: 160 160 160 160 === 640=> 展开: 520 40 40 40 === 640+ 移入那一个 li 的时候, 哪一个 li 变成 520, 其他兄弟元素都变成 40+ 移出的时候, 每一个 li 的宽度都是 160=> 如果移出 li, 因为你移入第二个 li 的时候, 就会移出第一个 li=...
2020-02-23 21:29:20
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人