Skip to content
大家好！，我一名全栈技术程序员。5年全栈开发经验 精通React/Vue前端生态，主导设计企业应用前端架构；热衷于解决技术瓶颈；深度实践BI大屏开发，构建实时数据分析架构，支持万级数据点秒级渲染。同时在小程序与移动端领域也有实践。 后端领域：了解Spring Boot及其生态链；开源贡献者，自研过Spring Boot Starter；深入Tomcat内核层，基于Tomcat Core重构协议栈，研发轻量级定制服务器容器。工程化全链路闭环：从CI/CD自动化部署（降低90%发布故障）到监控告警体系全覆盖，所有项目自动化测试率>85%。
27 | 男
项目历程
博客文章
上传ssh公钥到目标服务器
SSH密钥配置摘要 本文介绍如何快速配置SSH密钥访问：1) 使用ssh-keygen命令生成4096位的RSA密钥，需指定邮箱标识；2) 通过ssh-copy-id命令将公钥上传至目标服务器(示例为本地root用户)。这两个步骤可建立安全的免密SSH登录。
了解更多 >>【随记】实现元素自适应缩放
自适应布局方案对比 本文对比了两种实现元素自适应的解决方案： vh/vw方案：通过CSS单位控制宽高比例，但无法精确控制元素缩放空间大小，且受浏览器最小字体限制 JS缩放方案：通过监听容器变化，使用transform属性实现精确缩放，不改变元素实际宽高 重点介绍了JS方案的技术实现： 采用ResizeObserver监听元素变化 通过transform的scale属性实现无损缩放 详细计算了不同场景下的缩放比例和位移距离 提供了完整的TypeScript实现代码 该方案解决了传统CSS方案在极端缩放场景下的
了解更多 >>【解决方案】JavaScript 实现DOM、element-ui-table自动滚动
该工具类实现了一个自动轮播功能，支持水平和垂直方向的滚动。主要特性包括： 通过定时器实现自动滚动效果 支持自定义滚动方向(x/y)、步长、时间间隔等参数 滚动到底部自动重置到起始位置 监听滚轮事件，用户交互时暂停自动滚动 响应窗口大小变化，重新计算布局 提供平滑滚动动画效果 包含完整的生命周期管理(启动、停止、重置) 核心方法包括创建实例、启动滚动、处理动画、监听事件和定时器管理等。
了解更多 >>【解决方案】ECharts实现饼图径向渐变、线性渐变坐标计算
本文提供了两个用于计算饼图渐变坐标的函数。computedPieRadialGradient函数用于计算径向渐变坐标，通过数据数组计算每个扇区的起点/终点角度，并转换为X/Y/R坐标位置。computedPieLinearGradient函数则计算线性渐变坐标，将扇区角度转换为线性渐变的起点/终点向量坐标。两个函数都支持包含半径参数的数据输入，并返回包含位置信息的数组。主要采用三角函数计算角度转换，确保渐变效果能正确匹配饼图扇区的形状。
了解更多 >>【移动端】uniapp：实现页面间通讯
本文介绍了uniapp中三种页面间通讯方式：1.路径参数传参，适合简单数据；2.EventChannel事件通道，推荐使用，监听仅限于源页和目标页；3.全局事件总线$emit/$on，可实现跨组件通讯但需注意事件命名和及时销毁。每种方式都给出了Vue2/Vue3下的实现代码示例，包括选项式和组合式API写法。开发者可根据实际场景选择合适方案，平衡耦合性和性能开销。
了解更多 >>联系方式
您可以通过以下方式联系我，或给出我宝贵的建议或意见；我将认真阅读您发我的信息。谢谢！
- 邮箱号：cxjfun@163.com
您也可以选择在下方输入内容后发送到我的邮箱，我将会在看到邮箱后的第一时间回复您，期待收到您的来信
友情链接
- TOTP Service：https://totp.cxjfun.top
- Scan Code：https://totp.cxjfun.top