lane的博客

故城瞎折腾系列第四期【都4024年了,你的uniapp应用还在手写接口请求吗】

1. 背景 刚入行时,我们的接口文档基本上都是txt、wps、postman手写,但是其实后端也不愿意写,更不愿意测,接口文档也不会和代码同步 后来出来了各种 api 规范,比较出名的就是 swagger/openapi 规范了,后端按这些规范实现代码注解就可以生成接口文档,还有接口配置,但是注解有时候忘记更新,因为写注解也是一种额外开销,但是想想可以方便后端自己测试、测试人员测试...

故城瞎折腾系列第三期【你看我这样用Nginx部署前端Docker项目,姿势对不对】

1. 背景 一次偶然的机会公司要升级部署机制,整体部署流程进行升级:jenkins部署升级为pipeline + k8s + docker 使用容器化部署在部署和回滚上面,都会更方便管理,尤其是环境变量众多,且在部署多集群和命名空间时非常有优势 其实代码能跑就行,项目能部署就行,都是看公司决策,我们先做好自己本职工作就行 2. 导语 此篇文章分享如何利用 Nginx ...

故城瞎折腾系列第二期【都2024年了,你还在手动部署前端项目吗】

1. 背景 以前传统的前端项目部署都是自己把 dist 文件夹丢到服务器,或者压根就是运维或者后端帮着丢的 有一些同学可能写了脚本辅助部署,亦或是用一些服务器面板工具辅助部署 现在容器化时代,用 Docker 管理前端项目,可能更方便的部署和回滚 如果结合 github-action 部署一些个人项目也是极好的 2. 导语 此篇文章分享如何利用 github-ac...

故城精选转载系列第一期【这一次,彻底弄懂 JavaScript 执行机制】

本文转载自:juejin.cn/post/6844903512845860872 作者:ssssyoki 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单...

故城瞎折腾系列第一期【你要不要动手封装个前端Docker容器玩一玩】

1. 背景 一年多前我分享的一片前端Docker容器化入门反响不错,被 Docker 中文社区转载 很多人估计看完都没有找到下手点,所以我将我常用的Docker容器分享出来,希望能帮助大家使用容器化管理前端发布 故城已经利用这个Docker容器开发了很多前端SPA项目了 文章链接:前端应用 Docker 容器化最佳实践 文章链接:30分钟手把手带你入门前端容器化(Dock...

webpack迁移vite记录

1. 背景 由于老项目使用webpack打包,前端路由path估计100多个,冷启动时间太长,开发环境启动估计要4-5分钟,等待时间实在太长,再加上热更新也不是很好用,强行刷新页面等待的时间也感觉有点长,遂顺应迭代需求,升级一波vite以改善开发体验,由于迁移过程细节繁多,只拧部分重点展示具体代码 2. 迁移目标 由于迁移 vite 不可避免的要升级 node 版本(18+),所以需要整体...

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里面无法...