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

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

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

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

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

后台管理不丢人

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

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

多封装组件

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

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

多封装 Hooks

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

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

多考虑边界条件

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

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

多想想产品优化

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

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

多想想怎么提高效率

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

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

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

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

多搞配置化

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

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

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

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

  • 表单
  • 表格
  • 图表

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

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

多看看别人怎么做的

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

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

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

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

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

标签:
  • 热门焦点
  • 小米官宣:2023年上半年出货量中国第一!

    今日早间,小米电视官方微博带来消息,称2023年小米电视上半年出货量达到了中国第一,同时还表示小米电视的巨屏风暴即将开始。“公布一个好消息2023年#小米电视上半年出货量中国
  • 石头自清洁扫拖机器人G10S评测:多年黑科技集大成之作 懒人终极福音

    科技圈经常能看到一个词叫“缝合怪”,用来形容那些把好多功能或者外观结合在一起的产品,通常这样的词是贬义词,但如果真的是产品缝合的好、缝合的实用的话,那它就成了中性词,今
  • Rust中的高吞吐量流处理

    作者 | Noz编译 | 王瑞平本篇文章主要介绍了Rust中流处理的概念、方法和优化。作者不仅介绍了流处理的基本概念以及Rust中常用的流处理库,还使用这些库实现了一个流处理程序
  • 最“俊美”淘宝卖家,靠直播和短视频圈粉,上架秒光,年销3000万

    来源 | 电商在线文|易琬玉编辑|斯问受访店铺:Ringdoll戒之人形图源:微博@御座的黄山、“Ringdoll戒之人形”淘宝店铺有关外貌的评价,黄山已经听累了。生于1985年的他,哪
  • 腾讯盖楼,字节拆墙

    来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之“想重温暴刷深渊、30+技能搭配暴搓到爽的游戏体验吗?一起上晶核,即刻暴打!”曾凭借直播腾讯旗下代理格斗游戏《DNF》一
  • 猿辅导与新东方的两种“归途”

    作者|卓心月 出品|零态LT(ID:LingTai_LT)如何成为一家伟大企业?答案一定是对“势”的把握,这其中最关键的当属对企业战略的制定,且能够站在未来看现在,即使这其中的
  • 苹果140W USB-C充电器:采用氮化镓技术

    据10 月 30 日 9to5 Mac 消息报道,当苹果推出新的 MacBook Pro 2021 时,该公司还推出了新的 140W USB-C 充电器,附赠在 MacBook Pro 16 英寸机型的盒子里,也支
  • 苹果MacBook Pro 2021测试:仍不支持平滑滚动

    据10月30日9to5 Mac 消息报道,苹果新的 14 英寸和 16 英寸 MacBook Pro 2021 上市后获得了不错的评价,亮点包括行业领先的性能,令人印象深刻的电池续航,精美丰
  • AI艺术欣赏体验会在上海梅赛德斯奔驰中心音乐俱乐部上演

    光影交错的镜像世界,虚实幻化的视觉奇观,虚拟偶像与真人共同主持,这些场景都出现在2019世界人工智能大会的舞台上。8月29日至31日,“AI艺术欣赏体验会”在上海
Top