- tailwindcss的优点是什么
- 怎么实现css状态隔离
- 除了scoped还有什么办法嘛
- css状态隔离的原理是什么
怎么设计一个中后台项目
| 层面 | 技术选型 |
|---|
| 核心框架 | Vue3 (Composition API) + TypeScript |
| UI 组件库 | Element Plus / Naive UI / Ant Design Vue |
| 状态管理 | Pinia |
| 路由 | Vue Router |
| 网络请求 | Axios |
| 工程化 | Vite + ESLint + Prettier + npm |
| 数据可视化 | ECharts/Chart.js |
| 工具类 | Lodash + dayjs |
| 监控 / 日志 | 自定义 ErrorBoundary + 接口日志 + 埋点 |
src/
├── api/ # 接口层：按业务模块划分，统一管理接口
│ ├── user/ # 用户模块接口
│ ├── order/ # 订单模块接口
│ ├── index.ts # 接口拦截器、通用请求方法封装
├── assets/ # 静态资源：样式、图标、图片（WebP适配）
├── components/ # 组件层
│ ├── basic/ # 基础组件（如Button、Input封装）
│ ├── business/ # 业务组件（如OrderTable、UserForm）
│ ├── layout/ # 布局组件（侧边栏、顶部导航、多标签页）
│ ├── global/ # 全局组件（如ErrorBoundary、Empty、Loading）
├── config/ # 全局配置：路由白名单、权限常量、接口域名
├── directives/ # 自定义指令：权限控制、防抖、拖拽
├── hooks/ # 组合式函数：通用逻辑抽离（如useRequest、usePermission）
├── layouts/ # 布局容器：默认布局、空白布局、全屏布局
├── plugins/ # 插件：Element Plus、ECharts、权限插件
├── router/ # 路由：静态路由、动态路由、权限路由处理
├── store/ # Pinia状态：按模块划分（user、app、permission）
├── styles/ # 样式：全局样式、主题变量、重置样式
├── types/ # TS类型：接口类型、组件Props类型、全局类型
├── utils/ # 工具类：时间、存储、加密、错误处理、WebP检测
├── views/ # 页面层：按业务模块划分
│ ├── dashboard/ # 仪表盘
│ ├── user/ # 用户管理
│ ├── order/ # 订单管理
│ ├── system/ # 系统设置
│ ├── error/ # 错误页（403/404/500）
├── App.vue # 根组件
├── main.ts # 入口文件
├── permission.ts # 权限控制入口（路由守卫、动态路由加载）
- 为什么中后台项目要用微前端
- 微前端的优势是什么，有上微前端的必要嘛
- 微前端的缺点是什么，为什么有的项目不上微前端
- 别的方法的相对于微前端的优势是什么，怎么处理微前端的这些缺点的
- Oauth+JWT相关知识
- React的Hooks怎么理解
- React除了Redux还有什么状态管理库
- React的Redux是怎么进行状态管理的
- React的context说一下理解
- React.memo和useMemo和useCallback说一下理解，为什么要用他们，举例子说说
- 怎么设计一个状态管理库去实现状态管理，需求必要点是什么
- 如果有三个Module同时用到一个数据，怎么做状态管理以实现同步更新，除此之外还有什么状态管理需要注意的点吗
