docker部署comp
· 阅读需 3 分钟
参照整合全栈持续集成,完成前后端分离且不在同一项目目录的component_templates前台独立部署
7 篇博文 含有标签「component_templates」
查看所有标签在react中使用axios
· 阅读需 3 分钟
全局axios配置
进行前后端分离开发，前后端的请求与跨域无可避免
加个权限
· 阅读需 3 分钟
使用高级组件在不使用后端的情况下做一个简单的前端鉴权
React18结合MobX实践
· 阅读需 6 分钟
可拉伸侧边栏
· 阅读需 3 分钟
核心原理
- 整体布局相对侧边栏绝对定位，侧边栏的宽度与内容区域的paddingLeft使用同一变量控制、
- 侧边栏右侧添加一个透明的竖条，用于控制用户拖拽（捕获鼠标按下去的动作）
- 用户按下去以后记录距离屏幕左侧的位置，和启动拖拽状态(显示全屏的遮罩监听鼠标移动)
- 鼠标在遮罩上移动->计算并设置当前的宽度，同时更新开始位置
- 当鼠标抬起时，关闭拖拽状态，并且将值记录到localStorage
补充：容易联想到可以有一个图标点击之后直接设置宽度为预设的两种状态
material体验
· 阅读需 2 分钟
mui核心库
material design介绍整个界面风格，他是一种纯粹UI设计和技术无关，该站点内的component同样是在设计层面，可以看到设计的指导思想，注重动画效果抓住用户注意力，帮助用户知道下一步该怎么做
react-router
· 阅读需 3 分钟
初始化TS项目
npx create-react-app component_templates --template typescript
指定启动端口
"start": "set PORT=3006 && react-scripts start",