- 博客(10)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 在Markdown中写TS的插件
有组件库开发需求的同猿们基本都会遇到写组件库md文档的时候，但苦于md中写代码没有代码提示，有时候写错一个字母就会？，最近看到一个非常好用的vscode插件，解决了在md中写ts的痛苦。下载后还需要做一些配置。
2022-09-28 20:05:49
432
原创 react-document-title单页应用改变title
在使用react框架开发单页应用时，通常会遇到页面跳转但不知要如何去改变document.title页面标题的情况。react-document-title插件较为完美的帮助我们解决了这一问题。npm文档链接官方介绍：react-document-title提供了一种document.title在单页面应用程序中指定的声明方式。也可以在服务端使用。安装npm install react-document-title使用案例有如下路由配置import {HashRouter as Ro
2022-05-19 15:55:12
983
原创 axios拦截器
axios拦截器实例化const myAxios = axios.create({ baseURL: 'http://url:port', timeOut: 100})请求拦截器发送的请求会被拦截，进行处理后放行。//设置请求拦截器axios.interceptors.request.use(function (config) { //Do something before request is sent //比如Token就可以在这里添加 return conf
2022-05-12 18:51:11
173
原创 react-router-dom v6的变化
react-router-dom v61、useNavigate替代useHistory在v6版本useHistory被新hookuseNavigate代替，用法也发生的很大的变化//v5import {useHistory} from 'react-router-dom'function ChangePage(){ const history = useHistory() const handleClick = () => { history.push('
2022-05-12 15:28:09
1722
4
原创 react-redux的基础使用
一、安装项目基于vite创建yarn create vite pro_name --template react安装redux依赖npm install redux react-redux//或者yarn add redux react-redux要使用react-redux还是需要安装redux的，react-redux只是提供了一些对react使用者更方便的函数方法，让redux在react中的使用更加美丽而已。二、目录结构一般的使用习惯是在src目录下使用一个store目录在管理
2022-05-11 17:30:50
253
原创 Vite配置跨域代理
Vite配置跨域代理修改vite.config.js文件import { defineConfig } from 'vite'import react from '@vitejs/plugin-react'// https://vitejs.dev/config/export default defineConfig({ plugins: [react()], server: { proxy: { '/api': { target: 'http://
2022-03-16 10:30:19
4101
原创 Git操作
Git操作配置git配置用户名和邮箱$ git config --global user.name "<您的用户名>"$ git config --global user.email "<您的邮箱>"注意：用户名可以由字母、数字、常用符号组成﹔邮箱请按照标准邮箱格式填写﹔git config 命命的-global参数﹐表示你这台机器上所有的Git仓库都会使用这个配置，当然也可以对某个仓库指定不同的用户名和Email地址;使用git config
2021-10-06 22:43:07
134
原创 react 之 prop-types
react 之 prop-types在开发过程当中，经常会用到Prop的type校验，但是React.PropTypes和React.createClass这两个功能在React 15.5之后版本被废弃了，所以从15.5版本开始，须要引入prop-types包来使用props校验。使用步骤安装prop-types第三方包yarn add prop-types //yarnnpm install prop-types //npm导入import PropTypes form 'pr
2021-10-04 21:08:49
4074
2
原创 js本地存储：localStorage & sessionStorage
js本地存储：localStorage & sessionStoragelocalStorage和sessionStorage都是H5的产物，可以理解为cookies的升级版，他们的作用是在浏览器中存储key-value数据。localStorage用于永久的保存整个网站的数据，保存的数据没有过期时间，保存的数据需要手动删除。sessionStorage仅作用在会话级别，当你关闭会话（关闭窗口）后所有保存的数据自动清空。localStorage和sessionStorage能存储的数据容
2021-10-03 21:03:07
352
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人