# FX2301

**Repository Path**: zuozhaoxi/fx2301

## Basic Information

- **Project Name**: FX2301
- **Description**: demo - demo 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2023-02-06
- **Last Updated**: 2023-03-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 安装 express 
npm i express-generator -g
express --version 
express -e  myexp  
cd myexp
cnpm i 
npm start
http://localhost:3000/ 


# vite 项目安装 
# npm create vite@latest my-app -- --template vue-ts


# Vue3 项目安装
vue create adminpro



# 仓库地址
https://gitee.com/zuozhaoxi/fx2301.git

zuozhaoxi
Zkl868891

# 仓库IDE
https://gitee.com/-/ide/project/zuozhaoxi/fx2301/edit/master/-/my-app/src/App.vue


# 学员成绩管理系统 
# 登录注册 
# 权限管理
# 成绩管理
# 班级管理
# 公告管理
# 意见管理
# 学员管理
# 个人中心 mine 
# 大数据展示
# 人员管理  (学员 班主任 讲师 管理员 )





# 项目BUG(难点)
# 1. 动态路由 bug (404 白屏)
# 2. 数组过滤筛选缓存 
# 3. 封装富文本编辑框
# 4. ref 数据和 reactive  Proxy 混乱
# 5. 表格导出 excle (替换表头 ) 
# 6. 异步数据BUG nextTick
# 7. 组件销毁没有清空计时器   
# 8. v-if 的异步数据  处理  Cannot read properties of null (reading 'a')
# 9. 组件封装 BUG  (具名插槽  作用域插槽)
# 10.  侧边栏 高亮BUG 
# 11. 权限处理


# 项目亮点 
# 1. 封装 二维码组件 高阶组件
# 2. 自定义Hooks
# 3. Vueuse 官方Hooks
# 4. lodash 对象数组处理
# 5. 动态路由 + 路由守卫
# 6. axios 拦截器 封装
# 7. echarts
# 8. vite + vue3 + ts 




# React 脚手架
1. umi
mkdir myapp && cd myapp
npx create-umi@latest


2. create-react-app
3. vite
4. dva

# React 路由 
1. react-router-dom v5  v6

# UI 库
antd-design 
antd-design-mobile
antd-pro (升级版)
material-ui

# 架构
redux
react-redux  (redux-saga)
mobx 
flux 
rtk 

# API (class)
setState
props
state 
componentDidMount 

# API  (Hooks)
useState
useRef 
useEffect  (useLayoutEffect)


useCallback
useMemo
useContext
useReducer