关于我
senmu2023/04/03senmu
介绍
- 🔭 最近在写一些关于 React、Vue、TypeScript 和 Node 的总结。
- 🤔 我这阶段的任务是夯实基础。
- 💼 我是一名前端工程师。
- 🌱 对探索低代码方向抱有兴趣。
- ✍️ 写文章是我的业余爱好，但是我最近在忙着翻译 Effective TypeScript（目前是在语雀开设了私人知识库进行整理，之后考虑导入 GitHub，但是方案还没想好而且也还没有翻译完，所以这件事情可能还有点遥远）。
项目经历
PAPI
服务于线下用户进行前后端联调的工具，提供 API 管理和数据 Mock 的能力。
- 后端技术
- 语言/框架：Node、PM2、TypeScript
- 数据库：MySQL、TypeORM
- 前端技术
- 语言/框架：React、Ant、TypeScript
- 配套工具：Redux、React Router
- 打包构建工具：Webpack
- 前后端通信
- WebSocket+nisper
项目中的亮/难点：
- 前后端采用 WebSocket 通信极大提高用户访问 API 页面的速度
- 多分支管理项目 API 功能方便用户以项目为维度进行多人多次开发交互
- 根据定义的返回数据格式/类型进行 Mock，方便用户更好的调试，减少因为后端接口未完成前端被卡的痛点
可能会问的问题
- 整个项目的构建+部署流程怎么做的？
- 用户管理怎样做的？
- 为什么用 WebSocket？它和 http 有啥区别？
- 讲讲多分支管理项目？和 Git 分支有啥不同？
- Mock 功能怎么搞的？市面上有哪些 Mock 功能？为什么不用
Raptor 监控平台
公司层面监控平台，整套系统包括数据/异常等信息采集、上报、告警、分析、查询等。
项目架构：分为基座与子应用。
基座：负责顶部导航栏以及与其他系统的通信，并通过 qiankun 实现微前端的架构，下发路由等信息给子应用。
子应用：负责开发图表等其他数据展示的页面
技术栈：vue-property-decorator(vue2.5.22)、qiankun、vuex、vue-router、TypeScript
项目中的亮/难点： 1.