AeolusZzz-CSDN博客

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

sinat_38757616的博客