Skip to content

空 格

技术没有边界,只有创造者才能排在前列

关于我

27 岁  |  男  
ReactVue3TypeScriptEChartsSpring BootFlutter微信小程序DockerCI/CDOpenCV

大家好!我是一名全栈技术程序员,5 年全栈开发经验,精通 React/Vue 前端生态,主导设计企业应用前端架构;深度实践 BI 大屏开发,构建实时数据分析架构,支持万级数据点秒级渲染;在小程序与移动端领域也有实践。后端了解 Spring Boot 生态链,自研过 Spring Boot Starter,深入 Tomcat 内核层重构协议栈,研发轻量级定制服务器容器。工程化全链路闭环:从 CI/CD 自动化部署到监控告警体系全覆盖,所有项目自动化测试率 > 85%。

近期文章

01FAQ【FAQ】使用NodeJs镜像构建本地项目

在nodejs官方并没有提供使用node.js构建本地项目的方法,但是通过阅读官方文档,可以发现,官方在包管理器界面提供了如下语句,所以node.js容器是可以执行语句的,下面通过docker 的 w 、v 参数设置容器工作目录和目录映射(实现本地目录和容器内的工作目录实现实时同步),%workDi

阅读 →
02大前端【大前端】Vue中引入Sass、Scss

在这里插入图片描述,1. 产生的原因是因为在vue.config.js中通过@import指令导入了SCSS样式文件,并且在vue组件库内或者全局样式内再次引入,导致样式类被多次重复编译,1. vue.config.js是vue编译的入口文件,所以vue在编译时会先加载vue.config.js内配

阅读 →
03其他【其他】MCP Client 连接 TOTP Service

TOTP Service 是一个管理TOTP 账户、生成验证码、托管 TOTP 账户恢复码 的工具网站,现已支持MCP协议集成。用户可生成个人访问令牌后,在MCP客户端(如阿里通义灵码)中配置服务器地址[https//totp.cxjfun.top/sse]并添加授权头,即可通过MCP接口管理TOT

阅读 →
04大前端【大前端】vite忽略指定前缀的静态资源

在日常开发中会出现引用网络资源的情况,但又的网络资源为了安全着想,会通过服务器代理的方式对外提供,所以在代码中往往写入的是相对路径,而vite在处理相对路径引入时,会根据路径去找本地的资源文件,但这里引入的是网络资源,所以本地根本不存在,那么唯一的解决办法就是:将import语句变成一个声明字符串变

阅读 →
05大前端【大前端】使用纯CSS实现进度条

1.,绘制进度条圆点;这里通过白色填充圆点内部,红色绘制边框,每更换一种颜色时,新颜色要从上一个颜色的结束位置开始(例如:白色结束位置是50%,那么红色开始位置就是50%);最后的,是为了将面板其余部分绘制为透明色,因为圆点实际是一个正方形面板,2.,第一个,是绘制进度条,第二个,是绘制进度条背景填

阅读 →
06移动端【移动端】Flutter 配置Android 开发环境

Android SDK下载可参考【移动端】IntelliJ IDEA 2023.3.4配置Android开发环境,Flutter 配置Android SDK 必须通过flutter config androidsdk [path]配置SDK,在这里插入图片描述,Android sdkManager安

阅读 →
07FAQ【FAQ】为啥MultipartFile 的InputStream available会为0

在Spring boot 文件上传案例中可能会存在获取MultipartFile InputStream.available()方法为0的情况,导致在文件上传到Minio后对象大小为0的情况,在介绍问题原因前我们先探究下MultipartFile是怎么实现的,这里只是剖析InputStream,所以

阅读 →
08大前端【大前端】ECharts 绘制立体柱状图

纯色立体柱状图,使用MarkPoint和颜色渐变就实现,如下代码,在这里插入图片描述,SVG适用于纯色立体柱状图和渐变立体柱状图,ECharts不能直接使用SVG字符串,须要转化为Base64格式的数据(可以使用网络SVG图片地址),在这里插入图片描述,MarkPoint 适用于多组图标组合展示,它

阅读 →