- 博客(10)
- 收藏
- 关注
原创 react+ts项目实战:怎么使redux store中的数据持久化?
我的项目中遇到这样一个问题——用户登录系统之后,我将后台返回的用户信息存在了redux中,但页面刷新后,redux store就为空了,这样我就不能在页面中获得用户信息了,有些权限控制之类的事情就不能做了,所以我需要redux store数据的持久化。有一个插件redux-persist是用来做数据的持久化的,它的原理就是把redux的store中的数据缓存到浏览器的localStorage中...
2020-02-25 21:55:37
838
原创 react+ts项目实战:如何使用withRouter?
1.我使用withRouter使解决什么问题?我在项目中使用了antd的Menu组件,其中defaultOpenKeys和defaultSelectedKeys两个属性要是设为一个固定的值,每次刷新页面的时候路由不变,但导航的高亮项就会重回最初的状态,这跟实际需求不符,我需要高亮项跟路由是对应的。所以我需要把defaultOpenKeys和defaultSelectedKeys两个属性设置为一...
2020-02-19 21:22:52
4159
原创 TS语言学习(一)
ts基础类型1.布尔类型2.数字类型3.字符串类型4.数组类型(两种方式表示 1⃣️Array<元素类型> 2⃣️ 元素类型[] )5.元组——用来表示已经元素数量和类型的数组,元素类型可以不相同6.枚举类型——enum类型是js标准数据类型的补充,从下面三个例子可以看出,枚举值默认从0开始的,但是可以手动改变元素的起始编号...
2020-02-17 22:26:55
7328
原创 Vue框架下实现路由拦截
我们在开发项目的时候会遇到一个问题,用户并没有登录系统,但是输入路由就可以查看到具体的页面,这样是不安全的,所以此时需要进行路由拦截。 1⃣️我们在用户登录之后要使用一个标志记录一下状态,我的项目中采取的是sessionStorage记录,用户登录成功后我会使用sessionStorage.setItem('isLogin', true)来将该用户的状态记录为登录;用户注销时采用...
2020-01-09 09:34:22
1101
原创 JavaScript正则表达式
1、什么叫正则表达式?使用单个字符串来匹配一系列符合某个语法规则的字符串2、正则表达式工具?https://regexper.com3、js中正则表达式的语法?js通过内置对象RegExp支持正则表达式1⃣️字面量: var reg = /\bis\b/g2⃣️构造函数: var reg = new RegExp(/\bis\b/, ‘g’)4、修饰符?...
2019-12-20 18:59:36
381
原创 ScriptOJ刷题学到的一些知识
题目:完成 extname 函数,它会接受一个文件名作为参数,你需要返回它的扩展名。例如,输入 emoji.png,返回 .png解题要领:考虑四种情况:① hello ② hello.jpg ③ .jpg ④ hello.world.cute.jpg 题目:完成一个 extractStr 函数,可以把一个字符串中所有的 : 到 . 的子串解析出来并且存放到一个数组当中,例如:...
2019-01-09 18:30:51
476
原创 react环境下利用发布-订阅模式实现兄弟组件之间传值
首先,要写一个事件代理类作为发布者和订阅者的中介:const eventProxy = { onObj: {}, oneObj: {}, on: function(key, fn) { if(this.onObj[key] === undefined) { this.onObj[key] = []; } const args = [].conc...
2019-01-03 17:57:53
2288
1
原创 react项目搭建中遇到的报错及解决方式
1.Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.=======...
2018-12-28 16:18:03
1368
原创 react环境下开发可复用的SForm表单组件
该组件是在ant-design中的Form组件的基础上,增加了可复用的根据表单项类型返回不同类型的表单项的功能,代码如下:在使用该方法时,要遍历存储着表单项的数组:以上组成了一个新的SForm组件,然后在页面中调用该组件即可,调用语句如下:(注:①、export default只能导出一个组件,如果有多个组件,则需要export导出;如果组件是用export defau...
2018-11-20 18:39:56
334
原创 从0搭建react开发环境
新建项目目录首先、新建一个文件夹作为项目文件夹,并在空的项目文件夹中用npm init命令初始化,初始化之后会生成一个package.json文件,该文件中包含项目的基本信息。安装项目依赖① 安装react: npm install --save react react-dom② 安装webpack: npm install --save-dev webpack webpack...
2018-11-19 18:37:01
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人