m0_52765288的博客

1、Vue3的生态与优势 1-1、Vue3的社区生态：社区生态 - 逐步完善 整体优化 - 性能优化/TS支持优化/组合式API加持 市场使用 - 部分技术选型激进的公司已经在生产环境使用了vue3 社区生态组件（插件）名称 官方地址 简介 ant-design-vue Ant Design Vue ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步 element-pl...

1.查看打包命令2.运行打包命令我的是 ` npm run build`3.项目打包和优化-项目本地预览目标：能够在本地预览打包后的项目步骤：1. 全局安装本地服务包：npm i -g serve，该包提供了 serve 命令，用来启动本地服务2. 在项目根目录中执行命令：serve -s ./build，在 build 目录中开启服务器3. 在浏览器中访问：http://localhost:3000/ 预览项目4. 项目打包和优化-打包体积分析目标：能够..

1.封装公共组件components/AuthRoute进行封装// import React from 'react'import { Redirect, Route } from 'react-router'import PropTypes from 'prop-types'import { hasToken } from '@/utils/token'export default function AuthRoute ({ path, Component }) { return

1.安装路由的插件npm i react-router-dom@5.3.02.导入包并使用import { BrowserRouter as Router, Route, Switch, Redirect} from 'react-router-dom'3.使用HashRouter包裹整个应用，一个项目中只会有一个Routerimport React from 'react'import { BrowserRouter as Router, Route,

1. 手机号码的校验const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/2. 身份证的校验const sfzReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/3. 邮箱的校验const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])

1.中间件的使用1-1 react-thunk处理函数异步请求1.安装：npm i redux-thunknpm i redux-thunk1.2在store/index.js 进行导入配置import { createStore, applyMiddleware } from 'redux'import thunk from 'redux-thunk'1.3调用applyMiddleware将 thunk 添加到中间件列表中const store = createSt.

1.下载依赖包npm i redux react-redux react-thunk redux-devtools-extension -D2.src下新建store文件夹store文件夹新建如下目录----store // redux相关存放文件夹 ---index.js // redux出口文件 ---actions/模块.js // 存放组件中dispatch的函数 ---actionTypes.js

import { useEffect, useRef, useState } from 'react'export default function useCountDown (initCount = 10, callBack) { // 存入到useRef中 const refTimer = useRef() /* 用户可以定义： 1.倒计时的时间 2.倒计时结束的动作 3.何时开始倒计时 */ // 1. 初始化倒计时的时间 const [.

1.useState两种格式1.1 直接传入值 ：useState(0) ； useState('abc')

如何在react中使用createContext进行跨组件通信