ECharts 地理可视化：从地图接入到 10+ 图表复用
在一次内部分享会上沉淀的 ECharts 地理可视化实践——如何结合高德地图、OpenLayers 实现疫情风险三维可视化，以及用配置化参数让 10 余种图表快速复用。
2 min read→
Available for opportunities · 2026
Hi, I'm Waylon.Frontend Engineer.
// 用代码塑造像素，用组件沉淀效率。专注于现代 Web、数据可视化与跨端开发的工程师。
SCROLL
01 / About
关于我
// who.am.i2025.09 — 2026.04
前端开发工程师 · 广东同航科技
主导智能化运管平台 Web 端与移动端开发，基于 Vue3 + TypeScript 完成多子模块搭建，引入 Kotlin Compose 重构 APP 端使代码量减少约 30%。
Vue3TypeScriptKotlin ComposeVite
2022.04 — 2025.01
前端开发工程师 · 广东亿迅科技
负责后台系统、微信小程序、H5、APP 多端开发，深度参与疫情防控指挥平台、大数据能力底座等重点项目，主导星网服务保障子系统架构设计。
Vue3EChartsqiankununi-app
2018.09 — 2022.06
计算机科学与技术 · 华南农业大学（双一流）
本科 · 数学与信息学院 / 软件学院。获国家励志奖学金（2019）、优秀学生干部（2019）。
双一流全日制本科广州
// Tech Stack
0+yr
Experience
0+
Projects Shipped
0+
Team Shared
0%
Code Reuse ↑
// Bio
4 年+ 前端开发经验，兼具移动端（Android / Kotlin Compose）开发能力。熟悉 Vue3 生态、微前端、数据可视化及工程化建设，有政务、物联网领域复杂项目落地经验。注重代码质量与团队效率，乐于技术分享与规范落地。
02 / Works
作品集
// independent · in progress · pastFEATURED · AI TOOL · WebONLINE→
AI 视频搭子 — film_partners
为泛化视频爱好者打造的 AI 吐槽协作工具。自动抓取视频弹幕，通过双 AI 智能体生成趣味摘要，并转化为毒舌语音对话。目标：把「看视频+读弹幕+找槽点」的体验，升级为「AI 搭子陪你边看边吐」的沉浸式互动。
v1.0.0 · 2026-0603 / Lab
技术博客
// thoughts in markdownqiankun 微前端落地：大数据能力底座的模块化改造
基于 qiankun 对大数据能力底座进行微前端改造，实现各模块独立开发、测试与部署，支撑团队并行开发的全过程。
2 min read→
Jetpack Compose 重构实战：代码量减少 30% 的迁移之路
从传统 View 体系迁移到 Jetpack Compose 的实战经验——MVVM 架构、模块化拆分、动态域名 Retrofit 客户端，以及代码复用率提升 40% 的关键决策。
2 min read→
Vue3 组件封装哲学：从 RTSP 播放器到通用表单
在多个项目中沉淀的 Vue3 组件封装实践——RTSP 播放器自动重连、ActionOverflow 权限按钮、动态表单配置化生成，以及拖拽上传等通用组件的设计思路。
2 min read→
前端性能优化复盘：虚拟滚动让渲染快 40%
疫情防控指挥平台中大数据量列表的性能优化实践——虚拟滚动穿梭框、动态表单配置化、OpenLayers + ECharts 三维可视化的性能策略。
2 min read→
AI 辅助开发提效：从提示词优化到团队工具落地
如何用 AI 进行功能设计、提示词优化，沉淀可复用智能体及模板，指导团队使用 AI 代码编辑器及 WorkBuddy 等工具，缩短重复编码时间约 25%。
2 min read→
04 / Tools