丝路桥
我是王嘉祥，一名常驻武汉的前端工程师。这个站点是我给自己留的一块安静地方—— 记录做过的东西、正在琢磨的手艺，以及一条条把想法送到别人手里的路径。 取名「丝路桥」，是希望自己写的每一行代码，都能像桥一样把两端稳稳接上。
关于我
一个把「稳」当作第一优先级的工程师。
2016 年我在武汉读完计算机相关专业后进入互联网行业，最初两年做的是后台管理系统的页面切图与表单联调， 那时我最怕的是「改一处塌一片」。后来慢慢摸到组件化、状态管理和构建工具的门道， 才发现真正让项目变得好维护的，往往不是某个炫技的写法，而是一条条朴素的约定。
工作上我主要做面向真实用户的产品前端：从需求评审开始参与，到设计走查、接口联调、灰度发布， 再到上线后的性能与错误监控。我习惯在动手前先把边界和数据结构想清楚， 更愿意多花半天写清一段注释，也不愿在半年后让自己或同事重新猜一遍。
01工作方式
- 先对齐目标与验收口径，再动第一行代码
- 小步提交、可回滚，改动尽量自成闭环
- 把重复三次以上的操作抽成脚本或组件
02在意的事
- 首屏在普通手机和弱网下是否还站得住
- 键盘能否走通全流程、对比度是否达标
- 上线后有没有人看得见问题、找得到原因
简单履历
- 独立承接前端项目，以小型团队协作的方式交付企划型产品，同时维护个人开源工具。
- 某互联网公司 · 高级前端工程师，负责数据看板与运营后台，主导过一次整体构建提速。
- 某软件公司 · 前端开发工程师，参与企业级管理系统从 jQuery 到组件化框架的迁移。
- 入行起步，从页面重构和交互细节练起，养成了对像素和间距的执念。
专注方向
长期投入的三件事，以及它们各自的分工。
A前端工程化
把散乱的代码收进有秩序的流程：统一目录约定、抽出公共组件、补齐构建与校验规则。 目标很直接——新同学第一天就能跑起来，改动一处不必担心别处悄悄崩掉。
B数据可视化
让数字变得可读：从图表选型、坐标系排布到颜色与标注的分层， 我关心的不是图有多花哨，而是一眼看去能不能得到那个正确的结论。
C性能与体验
把资源加载顺序、渲染路径和交互反馈逐项拆开量一遍，能省下的每一百毫秒都值得。 体验做扎实，用户才会愿意多留一会儿。
常用的技术栈
| 方向 | 主要使用 | 熟悉程度 |
|---|---|---|
| 语言与规范 | HTML / CSS / JavaScript / TypeScript | 日常主力 |
| 框架与视图 | Vue、React 及配套生态 | 日常主力 |
| 构建与质量 | Vite、Webpack、ESLint、单元测试 | 熟练 |
| 可视化 | ECharts、Canvas、SVG 自绘 | 熟练 |
| 服务端配合 | Node.js 中间层、Nginx 配置 | 可独立处理 |
| 工程协作 | Git 分支管理、代码评审、CI 流水线 | 熟练 |
作品与项目
挑几件参与较深、也愿意拿出来的事情讲讲。
01运营数据看板
面向业务与运营团队的实时数据看板，包含十余类指标卡、趋势曲线与下钻明细。 我负责前端整体结构与图表封装，把图表配置收敛成统一的数据契约， 新增一块看板从原来的两天缩短到半天。
02企业内容管理后台
一套支持多角色权限的内容管理平台，含富文本编辑、素材库与审核流程。 我主导了从旧页面到组件化框架的迁移，并补齐了表单校验与错误提示的统一处理。
03移动端活动页工具集
把常见的活动页结构沉淀成可复用模板与脚手架，配合内联样式与图片压缩， 让单页在移动网络下也能快速打开，上线前的重复工作量明显下降。
04开源小工具
业余维护几个自己会用到的脚本与小组件：颜色对比度检查、图标批量整理、 长文本排版辅助。功能不复杂，但都来自真实被绊过的坑。
我自己怎么判断一件事做完了
- 能用主流程走得通，边界情况有兜底提示，而不是白屏。
- 好改别人接手时能顺着结构读下来，不需要口头交接。
- 可查出了问题能从日志与监控里找到线索，而不是靠猜。
- 经得住在普通设备与常见网络下都试过，而不是只在开发机上漂亮。
兴趣与日常
写代码之外，把生活也过得有点手感。
阅阅读
偏爱技术史与人物传记，也读一些关于城市与建筑的随笔。 一本讲桥梁结构的科普书里写过：桥的价值不在跨度，而在两端是否真的接上—— 这句话被我抄在了便签上，也成了这个站名的由来。
行行走
周末喜欢沿江边慢走或骑车，从长江大桥到汉口江滩， 顺路拍一些桥与光线的照片。走得多一点，城市的尺度感才慢慢长出来。
手手作
练过一段时间书法与篆刻，虽然谈不上多好，但握笔时的慢节奏很治人。 刻印章和写代码有点像：下刀之前最好先想清楚要留什么、去掉什么。
习持续学习
每年给自己定一件小事：2024 年是把自动化测试真正用进项目， 2025 年在补工程化的基础课。不贪多，但求真的落到手里的东西。
「不是因为事情难才不敢做，而是因为不敢做，事情才难。」——把它贴在编辑器旁边，提醒自己先动手那一下。
联系方式
有项目、有想法，或者只是想说句话，都欢迎。
找我时可以先告诉我这些
- 想解决的问题是什么，大概希望什么时候有结果；
- 已有哪些材料（原型、设计稿、接口文档），方便我判断能否接得住；
- 如果涉及线上系统，说明现状与可用的测试环境。
我通常在两个工作日内回复邮件；电话建议先短信说明来意，避免错过。