前端模块化的好处（前端模块化开发的好处）



前端后台管理系统里面的难点亮点怎么总结？很多人做项目都是后台管理系统，但他总结不出来任何难点亮点，云哥说一下我们可以从15个方向总结难点亮点。

云哥总结了15个方向，比如说组件封装、复杂业务、实用功能、特殊功能、第三方服务、工具函数、自定义封装、复杂的动效动画、性能优化、前端工程化、代码规范、项目搭建、提效工具、自动部署、性能监测，这15个方向进行总结，我展开来讲。

首先组件封装这个方向可以分为二次的封装以及复杂组件的封装，二次封装就比如说element ui啊样的封装一些表格、表单、日期、菜单栏等等二次封装，封装了xxxx，你把一个一个排列出来，因为它每一个没有很难，但是我们所以说我们把它尽量排出来，就可以做一个难点。

还有就是复杂组件，比如说你封装一个比较难的组件这个组件可以拎出来讲的，比如说封装了一个复杂的表格组件，它支持打印导出等各种功能，这就比较复杂了。包括你还说我可以封装了一个复杂的表格编辑组件，它支持上下左右方向的拖拽，然后你展开描述一下。

然后还有一些复杂的业务，比如说复杂的流程啊多图多界面的联动，图可视化开发的这种，就是你的项目里的业务有个点特别的复杂，那个流程特别的多，特别的乱，这种比较复杂的业务，根据你的产品来的也可以拎出来，从这个方向去找。

还有比如说一些实用的功能，那比如说Excel的导出，PDF的打印，复制，粘贴，截图，拖拽，图片上传oss，那这种就是比较实用的功能也可以拎出来作为一个难点亮点。

还有特殊功能，比如后台管理系统有没有比如说特殊一点的AI生成文案，AI对话，客服，实时语音、实时通信等等，就比较特殊一点的功能也可以单拎出来。

还有第三方服务，比如说接了一些第三方的api sdk，像这种地图，文本识别、OCR，埋点等等，只要是你接了第三方的那种，都可以把它拎出来。

还有工具函数，这里面也可以从两个方向，比如说业务的函数以及通用的函数，通用函数就是那种比较高频的，大家项目里基本都有的，比如说时间戳转时间，防抖节流等等。以及一些业务函数，比如说你的业务里面有一些单拎出来封装的，比如说树形结构转扁平，扁平转成树，因为有些这种用户啊管理员这种细分的部门，这些他可能会用到这样的业务的这种函数，那根据你的项目也可以找。

还有自定义的封装，比如说vue里面有自定义指令，有mixins，有hooks，我们都可以去封装这样的东西。react对应的有高阶组件hoc以及react hooks，我们自定义封装一些。

还有复杂的动效动画，比如说基于css动画，基于这种animations.js这种动画，因为页面里面交互，比如说菜单栏之间的切换，你自己做了自定义的那种弹窗，包括自定义的那种滚动的这种东西，它其实都会用到一些动画。

还有性能的优化，性能优化可以从几个方向，首屏的优化、体验的优化、打包的优化、速度优化，这每一点都可以猜出来这样一个难点，比如说优化了首屏加载这个时间，fcp lcp tti。包括还有体验的优化，我用了骨架屏，我用loading等等做这种用户加载的这种体验的优化，用户体验优化。还有打包的优化，比如说我们这个项目包体积原来是40m，我优化完之后只有10m，基于webpack或vite进行打包体积优化。还有速度的优化，整个项目的加载速度，第三方服务的加载速度以及代码的加载速度，让我们整个页面切换的更快，项目启动更快，速度方面优化，这几个方向都可以在去找，你的项目，去总结难点。

还有前端工程化，前端工程化里面比如说代码规范，eslint prettier , husky，

Commit lint，就是我们写代码的时候要遵循一种代码规范。

还有项目搭建，比如说我从零搭建这种公司的后台管理这种项目，基于什么什么搭建，这个从0~1搭建，这也是一个方向。

还有提效一些工具，比如说你用了node.js，写的比如说图片上传的一些插件，然后项目打包，自动打包的一些自定义的东西，一些提效的工具，提高开发效率的这个方向也可以找。

还有自动部署，你接了jekins、或者gitlan cicd这种自动部署，前端去做一些配置，后端再给你配合一下，你到时候自动部署，不用手动打包，为项目接自动部署。

还有性能监测，比如说项目里对用户操作的行为进行监测，代码报错进行监测，项目的这种各种性能进行监测，可以接第三方sentry，也可以自己搭建性能监控平台，接到你的项目里头，这是性能监测。

很多人觉得后台管理系统太简单了，那你就从这15个方向入手，如果你自己的项目没有对应方向的，你看看你同事做的有没有对应的，然后再上网找一找，按我这个方向去搜搜，搜到有了把那个东西搞明白，加你的简历上，后台管理系统都通用的。

你还愁没有难点了吗？很多人只是不知道怎么总结，你让他怎么总结，他连方向都没有，我这个方向全给你了

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdkf/20901.html