当前位置:首页 > 科技  > 软件

总是做后台管理系统,到底要怎么提升自己呢?

来源: 责编: 时间:2024-05-07 09:15:00 97观看
导读大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~很多人都来问我:我平时写的东西都是后台管理系统,根本就没啥亮点的东西,我也没啥进步,我该咋办呢?后台管理不丢人其实据我了解,大

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~qic28资讯网——每日最新资讯28at.com

很多人都来问我:我平时写的东西都是后台管理系统,根本就没啥亮点的东西,我也没啥进步,我该咋办呢?qic28资讯网——每日最新资讯28at.com

后台管理不丢人

其实据我了解,大部分前端在公司其实就是做后台管理系统,偶尔做做移动端,那么大家都是做后台管理,你要怎么比别人强呢?其实就是一个点:你如何把后台管理系统做得更好qic28资讯网——每日最新资讯28at.com

其实我也做过一段时间的后台管理系统,我总结了几点我的心得,分享给大家~qic28资讯网——每日最新资讯28at.com

多封装组件

封装是一个很普遍的操作,但是却很少人去做好这件事,我现在做后台管理系统的话我会做到极致的封装,只要是一个东西有两处地方复用到了,我肯定会抽取封装起来,在这个过程中,我也学到了很多 Vue3 的 API,也发现很多封装组件的技巧,比如qic28资讯网——每日最新资讯28at.com

  • shallowRef 节省性能
  • computed 的 getter 和 setter
  • 组件 props 类型的拓展
  • 组件封装的更加方便使用
  • 模板的极致复用
  • 命令式使用弹窗

多封装 Hooks

对于一些业务性的逻辑代码,或者共用的逻辑代码,都要有抽取成 Hooks 的意识,这有利于于后续代码的可维护性,并且抽取共用的 Hooks,有利于代码可复用性,提高代码开发效率,锻炼你的逻辑封装能力,我最近封装了很多 Hooks,比如qic28资讯网——每日最新资讯28at.com

  • useClickoutside:点击目标区域以外触发事件
  • useCommandComponent:命令式使用组件
  • createModal:命令式使用弹窗
  • useTemplate:本组件复用弹窗
  • useGlobalState:局部状态管理
  • useVirtualList:虚拟滚动
  • 等等。。。

多考虑边界条件

我发现很多人在做后台管理也好,做其他的东西也好,其实总是会考虑得没那么周全,其中一点就是,总是不考虑边界条件,不去考虑兜底,比如:qic28资讯网——每日最新资讯28at.com

  • 组件的参数兜底检验补全
  • hooks的参数兜底补全
  • 接口请求数据出错、接口报错的兜底
  • 某些代码记得加 try catch 进行兜底
  • 代码执行先后顺序问题,怎么去控制按照顺序去执行

多想想产品优化

其实优化不止是代码优化,也有产品优化,有时候其实产品经理想出来的点子,也是不合理的,这个时候你可以去提出自己的见解,让整个产品更好,当然代码的优化也是必须做的,比如:qic28资讯网——每日最新资讯28at.com

  • 防抖节流
  • 长列表的虚拟滚动
  • 大文件的分片上传
  • 多请求时的控制并发
  • 使用合适的 API ,节省性能
  • 多使用设计模式,提高代码健壮性

多想想怎么提高效率

你要知道,后台管理系统其实业务难度是有限的,但是其实你可以不要局限于项目,而是要经常去想想:qic28资讯网——每日最新资讯28at.com

  • 你能怎么在项目中去让自己进步
  • 你要怎么样去提升自己的开发效率
  • 你要怎么样去提升整个团队的开发效率

就比如我,我在开发后台管理系统的时候,我会做这些事:qic28资讯网——每日最新资讯28at.com

  • 发现某些别人不合理的开发习惯,可以记下来,反馈给团队
  • 为了团队开发规范,开发一些小工具,来助力团队的规范
  • 为了团队成员开发的效率,开发一些小工具,帮他们提升开发效率
  • 多为团队的组件库工具库贡献,这样也能提升整个团队的开发效率
  • 主动去封装一些比较难的组件,提升团队开发效率,使自己进步

多搞配置化

我记得我一年前去面试一个高级前端工程师的岗位时,面试官就问我一个问题:假如你开发一个后台管理系统,你怎么让你的团队成员更轻松去开发呢? 我当时回答说:制定规范! 然后面试官我没体会到他真正的意思qic28资讯网——每日最新资讯28at.com

现在我算是领会到了,面试官的意思是:你要怎么开发一个后台管理系统,让你的组员无脑地开发qic28资讯网——每日最新资讯28at.com

那其实我觉得,把一些事情做成配置化,这样才能让别人开发的时候,更加方便、更加无脑~qic28资讯网——每日最新资讯28at.com

其实后台管理无非就几个东西:qic28资讯网——每日最新资讯28at.com

  • 表单
  • 表格
  • 图表

那么可以做相对应的配置器,让其他人只需要传入配置,就可以生成想要的页面效果,比如:qic28资讯网——每日最新资讯28at.com

  • 表单配置器
  • 表格配置器
  • 图表配置器

多看看别人怎么做的

github 上有很多很出名的后台管理系统,大家可以去看看人家是怎么写的,为啥你写的像入门级,人家写的像大佬级别,可以多看看多学学,我推荐给你们vben-admin,我从这个后台管理项目中真的学到好多东西!qic28资讯网——每日最新资讯28at.com

本文链接://www.dmpip.com//www.dmpip.com/showinfo-26-87035-0.html总是做后台管理系统,到底要怎么提升自己呢?

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 我使用缓存,踩过的7个坑

下一篇: 有人抵触Ref?有人抵触Reactive?

标签:
  • 热门焦点
  • 一加Ace2 Pro官宣:普及16G内存 引领24G

    一加Ace2 Pro官宣:普及16G内存 引领24G

    一加官方今天继续为本月发布的新机一加Ace2 Pro带来预热,公布了内存方面的信息。“淘汰 8GB ,12GB 起步,16GB 普及,24GB 引领,还有呢?#一加Ace2Pro#,2023 年 8 月,敬请期待。”同时
  • 7月安卓手机性价比榜:努比亚+红魔两款新机入榜

    7月安卓手机性价比榜:努比亚+红魔两款新机入榜

    7月登场的新机有努比亚Z50S Pro和红魔8S Pro,除了三星之外目前唯二的两款搭载超频版骁龙8Gen2处理器的产品,而且努比亚和红魔也一贯有着不错的性价比,所以在本次的性价比榜单
  • 三言两语说透设计模式的艺术-简单工厂模式

    三言两语说透设计模式的艺术-简单工厂模式

    一、写在前面工厂模式是最常见的一种创建型设计模式,通常说的工厂模式指的是工厂方法模式,是使用频率最高的工厂模式。简单工厂模式又称为静态工厂方法模式,不属于GoF 23种设计
  • 线程通讯的三种方法!通俗易懂

    线程通讯的三种方法!通俗易懂

    线程通信是指多个线程之间通过某种机制进行协调和交互,例如,线程等待和通知机制就是线程通讯的主要手段之一。 在 Java 中,线程等待和通知的实现手段有以下几种方式:Object 类下
  • 把LangChain跑起来的三个方法

    把LangChain跑起来的三个方法

    使用LangChain开发LLM应用时,需要机器进行GLM部署,好多同学第一步就被劝退了,那么如何绕过这个步骤先学习LLM模型的应用,对Langchain进行快速上手?本片讲解3个把LangChain跑起来
  • 一年经验在二线城市面试后端的经验分享

    一年经验在二线城市面试后端的经验分享

    忠告这篇文章只适合2年内工作经验、甚至没有工作经验的朋友阅读。如果你是2年以上工作经验,请果断划走,对你没啥帮助~主人公这篇文章内容来自 「升职加薪」星球星友 的投稿,坐
  • 之家push系统迭代之路

    之家push系统迭代之路

    前言在这个信息爆炸的互联网时代,能够及时准确获取信息是当今社会要解决的关键问题之一。随着之家用户体量和内容规模的不断增大,传统的靠"主动拉"获取信息的方式已不能满足用
  • 只需五步,使用start.spring.io快速入门Spring编程

    只需五步,使用start.spring.io快速入门Spring编程

    步骤1打开https://start.spring.io/,按照屏幕截图中的内容创建项目,添加 Spring Web 依赖项,并单击“生成”按钮下载 .zip 文件,为下一步做准备。请在进入步骤2之前进行解压。图
  • 联想YOGA 16s 2022笔记本将要推出,屏幕支持触控功能

    联想YOGA 16s 2022笔记本将要推出,屏幕支持触控功能

    联想此前宣布,将于11月2日19:30召开联想秋季轻薄新品发布会,推出联想 YOGA 16s 2022 笔记本等新品。官方称,YOGA 16s 2022 笔记本将搭载 16 英寸屏幕,并且是一
Top
Baidu
map