lane的博客

openapiUI使用介绍

1.背景 由于长期使用 swaggerUI 工具,它的轻量风格个人觉得还是不错的,但是它的整体使用体验确实不好,用过的可能都有体会,这里就不一一列举了(由于语言表达能力有限,手动🐶保命,毕竟我在说鼻祖,等下会不会被砍😭) 开源的openapi文档redoc,由于默认的服务器在国外,测试调用接口体验也不咋好,还有就是UI风格有点不习惯,可能看习惯了swaggerUI的缘故 强大的...

vue3结合openapi的前端架构小记

1.引言 开发中,我们是否经常遇到以下痛点: 项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上 没有类型保障,接口返回的Object不拿到真实数据都不知道有哪些字段,接手别人js项目(无类型)很痛苦 需要手动写很多request函数去调用api,手动书写各种判断枚举值 缺乏代码格式化,代码错误检查,git commit规范 npm包管理问题,比如:多版本的np...

react结合openapi的前端架构小记

1.引言 开发中,我们是否经常遇到以下痛点: 项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上 没有类型,接口返回的Object不拿到真实数据都不知道有哪些字段 需要手动写很多request函数去调用api,手动书写各种判断枚举值 缺乏代码格式化,代码错误检查,git commit规范 难以维护的css代码和文件,js里面书写编写css时没有提示,js里面无法...

前端工程化小记

1.引言 工作中,我们是否经常遇到以下情况: 接手其他同事的代码非常痛苦,比如:缩进,换行等等代码风格这些一度让人浑身难受 某个同事经常提语法报错的代码,语法报错只能用肉眼一个个review代码,完全没有提示 同事每个人写的commit风格都不一样,也有偷懒的,一个单词搞定的,但是也不描述本次更改是属于什么范畴?比如:是加功能?是代码优化?还是修复bug?还是修改webpack...

前端容器化实战

1.引言 前端容器化是一种将前端应用程序打包成容器的技术,使其可以在不同的环境中快速、高效地部署和运行。 2.背景 前后端分离的趋势已形成现状,前端工程复杂度叠加增长,新、老项目部署依赖的环境和Node.js版本会存在差异,生产环境下构建混淆后的脚本、静态资源文件依赖环境部署服务进行访问,前端工程未能形成”单体工件”部署,容器的出现大大简化了部署流程。 前端容器化可以方便的管理前端环境变...

一起玩react 10分钟带你入门ant-design-pro

1.前言 这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro,谈一谈自己的使用心得,个人见解有误的地方望大家指正! 2.为什么要选择ant-design-pro? 其实我来目前公司之前,公司前端技术栈是vue+vuex+elementui+axios,但是奈何公司前端利用vue做出来东西表现确实一般,更重要的是代码有点乱,用我自己的话说就是野路子太多(...

如何使用echart的Graph图实现一个流程控制图

1.前言 最近接到一个新需求,需要写一个新模块,这个模块主要是用于查看当前每个生产计划的完成情况,然后所有的生产计划都列在了表格里,而流程控制图用于直观展示选中的生产计划的完成进度 2.流程控制图效果展示 3.分析后端数据接口 data属性对应后台返回的数据,是一个数组,数组里面的元素对应流程控制图的每一个节点,id字段表示当前节点的id号,用于关联其他节点,next-process...