通过学习mayfly,我学会了如何在前端优雅地设计字典值

发布于:2024-10-24 编辑:匿名 来源:网络

shigen是一位坚持更新文章的博主。擅长Java、Python、Vue、Shell等编程语言,以及各种应用程序和脚本的开发。

记录成长,分享知识,留住感受。个人IP:shigenshigen 假期最后一天早上起床浏览博客。

一个mayfly-go的开源项目引起了我的注意。其实我很早之前就打算尝试一下,但后来看到代码后就放弃了。

既然有了这个决心,我就打开了mayfly-go官网,准备学习。我发现官方提供的更多的是显示效果,并没有详细的设计文档或者技术文档。

直到找到了mayfly-go的语雀文档,仔细研究了一下,终于对枚举值进行了统一的管理和维护。一起看,让我恍然大悟。

因为石根上一篇文章最后的数据字典的优雅设计提到了我的困惑,而且我也接触到了很多蹩脚的项目,所以困惑更深了。这篇文章的设计正好为我提供了一个巧妙的解决方案。

于是,我花了一个下午的时间研究这个问题,写了下面的代码验证。技术选型:Vue+Typescript字典,相信对于开发者来说并不陌生。

我会直接告诉你。直接将反例设计到代码中,最终的代码就是一团糟。

代码语言:js copy 现在页面效果是这样的: 页面效果最大的好处就是我在我的页面代码中看不到任何字典的设计和定义。如果修改完全是从文件引入的话,我只需要在enum.ts中修改即可。

能。当然,我的印象是有一种设计,将所有字典值放在一个文件中,例如yaml文件中并维护它。

其实都是简化的方法,比传统的硬编码舒服很多。

通过学习mayfly,我学会了如何在前端优雅地设计字典值

站长声明

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

标签:

相关文章

  • 应用材料公司发布2019财年第四季度及全年财报

    应用材料公司发布2019财年第四季度及全年财报

    根据应用材料公司统计:NAND已从平面技术转向3D,资本投入强度增加60%; DRAM从25nm转向14/16nm,资本投资强度增加40%;当代工从28nm转向7nm时,资本投入强度增加40%。 同样,AMAT 认为,在这一轮技术迭代中,增长最快的设备类型包括刻蚀/ALD 等。 - 第四季度营收 37.5 亿美元

    06-06

  • 全国首支北京股票期权先锋创业投资基金推出

    全国首支北京股票期权先锋创业投资基金推出

    投资界(ID:pedaily)消息,在9月4日举办的全球PE论坛上,全国首支股票期权策略风险投资基金——北京股票期权先锋创业投资基金在北京宣布成立。 该基金由北京股权交易中心、中关村资本、北银金控作为基石投资者共同发起设立。 它以滚动方式、分多个阶段发行。 目标规模10亿元

    06-18

  • 霍格沃茨重返校园,巫师的世界需要你!

    霍格沃茨重返校园,巫师的世界需要你!

    如果你是《哈利波特》的粉丝,最近一定很开心吧。 北京环球影城即将开业。 无论是三把扫帚餐厅的黄油啤酒,还是女生浴室里桃金娘的哭声,都能把我们的思绪带回到那个神秘的魔幻世界。 不过,由于疫情影响,加上公园尚未开园,9月20日肯定会挤满热情的游客。 买不到票?没有时

    06-21

  • 东车日报|华为换口号“华为问世界”-奇瑞高管称周六是工作日-兰博基尼发布PHEV系统

    东车日报|华为换口号“华为问世界”-奇瑞高管称周六是工作日-兰博基尼发布PHEV系统

    简介 一汽丰田bZ3正式上市,起售价16.98万元 兰博基尼透露下一代旗舰动力华为改用“华为问世界”进行宣传。 季氪回应空调吹出的白色粉末:对人体无害。 威马汽车:全面复工复产。 沈子瑜出任星机魅族CEO。 梅赛德斯-奔驰在德国南部建造了一家新的电池回收工厂。 广东:2018年

    06-21

  • 华为鸿蒙4正式发布!大型号让手机更智能,还有一个设计太智能了

    华为鸿蒙4正式发布!大型号让手机更智能,还有一个设计太智能了

    几年后,即使人类已经遍布星辰大海,回首这一年,我们依然会把这一年视为人工智能的寒武纪大爆发。 就连比尔盖茨也承认,他正在见证人生中的第二个革命时刻。 人工智能与个人电脑、互联网和移动电话一样,都是革命性的创新。 它将改变人们工作、学习、旅行、治疗和交流的方式

    06-21

  • Asia Alternatives 完成 9.5 亿美元第二期融资

    Asia Alternatives 完成 9.5 亿美元第二期融资

    亚洲独立私募股权综合投资基金 Asia Alternatives 今天宣布成功完成 Asia Alternatives Capital Partners II, LP Fund(“AACP II”或“第二期基金”) ”),筹集资金总额达 9.5 亿美元。 基金II获得超额认购,募集资金总额超过原定目标8.5亿美元。 这是该公司募集的第二笔资

    06-18

  • 檀润华:培养创新人才是企业提升创新能力的有效途径

    檀润华:培养创新人才是企业提升创新能力的有效途径

    打造头条新闻“培养创新工程师是企业快速提升创新能力的有效途径”。 原副校长、河北工业大学国家技术创新方法与实施工具工程技术研究中心终身名誉主任檀润华在6月24日的“科技创新中国”企业云课堂上表示,我国企业正在当前急需“T”型创新人才。 创新人才是突破公司核心技术

    06-17

  • 一篇文章读懂AI创业最新趋势

    一篇文章读懂AI创业最新趋势

    AI创业目前如火如荼。 现在是参与的好时机吗? AI项目在哪些领域更容易获得融资?哪些类型的AI产品流量更大、用户粘性更强? AI 2.0阶段的创业与AI 1.0阶段的创业经历了哪些技术范式的转变? 对于准备入行、目前涉足AI领域的创业者来说,金秋基金投资副总裁郑晓潮,通过对AI

    06-18

  • 亿元沉阳旅游产业发展基金获批设立

    亿元沉阳旅游产业发展基金获批设立

    据投资界10月17日消息,由沉阳市文化旅游和广电局发起设立的沉阳旅游产业投资基金已经市政府批准,成为沉阳市首个服务旅游产业发展专项资金。 据悉,旅游产业发展基金1亿元,由沉阳旅游集团有限公司、体验科技有限公司、沉阳财盛投资基金有限公司(市引导基金)共同出资,沉

    06-18

  • 平安健康2023年上半年业绩:亏损加速收窄47.2%

    平安健康2023年上半年业绩:亏损加速收窄47.2%

    2023年8月24日,平安健康医疗科技股份有限公司(股票简称“平安好医生”,.平安健康险(以下简称“平安健康险”或“公司”)发布中报。 紧密结合平安集团“综合金融+医疗健康”双轮驱动战略,平安健康险坚持“管理式医疗+家庭医生会员制+O2O医疗健康服务”的独特商业模式,持

    06-17

  • 自动驾驶计算芯片制造商黑芝麻智能获得博原资本战略投资

    自动驾驶计算芯片制造商黑芝麻智能获得博原资本战略投资

    自动驾驶计算芯片制造商黑芝麻智能获得全球领先的博世集团旗下博原资本战略投资汽车技术供应商。 双方将深化自动驾驶领域全面合作,共同打造智能驾驶解决方案,进一步推动自动驾驶商业化。

    06-17

  • 苹果广告打动人心的秘诀就是这个 - Feel Good Weekly

    苹果广告打动人心的秘诀就是这个 - Feel Good Weekly

    进入12月,各种圣诞广告如约而至。 没想到,今年圣诞广告中给我最温暖、最惊喜感觉的广告,竟然是苹果最新的无障碍宣传视频《丢失的声音(The Lost Voice)》。 苹果一直致力于讲述能手这样的故事。 这几年给我印象特别深刻的苹果广告,很多都是苹果社会企业责任相关功能主题

    06-21