大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~
很多人都来问我：我平时写的东西都是后台管理系统，根本就没啥亮点的东西，我也没啥进步，我该咋办呢？
后台管理不丢人
其实据我了解，大部分前端在公司其实就是做后台管理系统，偶尔做做移动端，那么大家都是做后台管理，你要怎么比别人强呢？其实就是一个点：你如何把后台管理系统做得更好
其实我也做过一段时间的后台管理系统，我总结了几点我的心得，分享给大家~
多封装组件
封装是一个很普遍的操作，但是却很少人去做好这件事，我现在做后台管理系统的话我会做到极致的封装，只要是一个东西有两处地方复用到了，我肯定会抽取封装起来，在这个过程中，我也学到了很多 Vue3 的 API，也发现很多封装组件的技巧，比如
- shallowRef 节省性能
- computed 的 getter 和 setter
- 组件 props 类型的拓展
- 组件封装的更加方便使用
- 模板的极致复用
- 命令式使用弹窗
多封装 Hooks
对于一些业务性的逻辑代码，或者共用的逻辑代码，都要有抽取成 Hooks 的意识，这有利于于后续代码的可维护性，并且抽取共用的 Hooks，有利于代码可复用性，提高代码开发效率，锻炼你的逻辑封装能力，我最近封装了很多 Hooks，比如
- useClickoutside：点击目标区域以外触发事件
- useCommandComponent：命令式使用组件
- createModal：命令式使用弹窗
- useTemplate：本组件复用弹窗
- useGlobalState：局部状态管理
- useVirtualList：虚拟滚动
- 等等。。。
多考虑边界条件
我发现很多人在做后台管理也好，做其他的东西也好，其实总是会考虑得没那么周全，其中一点就是，总是不考虑边界条件，不去考虑兜底，比如：
- 组件的参数兜底检验补全
- hooks的参数兜底补全
- 接口请求数据出错、接口报错的兜底
- 某些代码记得加 try catch 进行兜底
- 代码执行先后顺序问题，怎么去控制按照顺序去执行
多想想产品优化
其实优化不止是代码优化，也有产品优化，有时候其实产品经理想出来的点子，也是不合理的，这个时候你可以去提出自己的见解，让整个产品更好，当然代码的优化也是必须做的，比如：
- 防抖节流
- 长列表的虚拟滚动
- 大文件的分片上传
- 多请求时的控制并发
- 使用合适的 API ，节省性能
- 多使用设计模式，提高代码健壮性
多想想怎么提高效率
你要知道，后台管理系统其实业务难度是有限的，但是其实你可以不要局限于项目，而是要经常去想想：
- 你能怎么在项目中去让自己进步
- 你要怎么样去提升自己的开发效率
- 你要怎么样去提升整个团队的开发效率
就比如我，我在开发后台管理系统的时候，我会做这些事：
- 发现某些别人不合理的开发习惯，可以记下来，反馈给团队
- 为了团队开发规范，开发一些小工具，来助力团队的规范
- 为了团队成员开发的效率，开发一些小工具，帮他们提升开发效率
- 多为团队的组件库工具库贡献，这样也能提升整个团队的开发效率
- 主动去封装一些比较难的组件，提升团队开发效率，使自己进步
多搞配置化
我记得我一年前去面试一个高级前端工程师的岗位时，面试官就问我一个问题：假如你开发一个后台管理系统，你怎么让你的团队成员更轻松去开发呢？ 我当时回答说：制定规范！ 然后面试官我没体会到他真正的意思
现在我算是领会到了，面试官的意思是：你要怎么开发一个后台管理系统，让你的组员无脑地开发
那其实我觉得，把一些事情做成配置化，这样才能让别人开发的时候，更加方便、更加无脑~
其实后台管理无非就几个东西：
- 表单
- 表格
- 图表
那么可以做相对应的配置器，让其他人只需要传入配置，就可以生成想要的页面效果，比如：
- 表单配置器
- 表格配置器
- 图表配置器
多看看别人怎么做的
github 上有很多很出名的后台管理系统，大家可以去看看人家是怎么写的，为啥你写的像入门级，人家写的像大佬级别，可以多看看多学学，我推荐给你们vben-admin，我从这个后台管理项目中真的学到好多东西！
