1
1
---
2
2
title : 简历
3
- date : 2024-05-11 23:03:04
3
+ date : 2025-04-20 17:19:18
4
4
comments : false
5
5
---
6
6
@@ -23,23 +23,13 @@ comments: false
23
23
- Github:[ https://github.com/daief ] ( https://github.com/daief ' data-layout=card ')
24
24
- 期望职位:前端开发工程师
25
25
26
- # 技能清单
27
-
28
- - 掌握 ` HTML ` 、` CSS ` 、` JavaScript ` 以及 ` TypeScript `
29
- - 掌握 ` React ` 及相关技术,熟悉 ` Vue ` 开发
30
- - 熟悉 ` Electron ` 的开发,了解框架原理
31
- - 熟悉微信小程序,有实际基于 ` Taro ` 的开发经验
32
- - 熟悉 ` Webpack ` 、` Rollup ` 等常用构建工具
33
- - 熟悉 ` Hybrid ` 开发模式
34
- - 有 ` Serverless ` 项目的开发经验
35
- - 熟悉敏捷开发,担任 ` Scrum Master `
36
-
37
26
# 工作经历
38
27
39
- ### 杭州群核信息技术有限公司(2020.06-至今)- 前端 TO
28
+ ### 杭州群核信息技术有限公司(2020.06-至今)
40
29
41
- - 用户增长前端 TO,负责酷家乐 PC 客户端和主站业务
42
- - 设计圈、展示馆业务前端负责人,负责小程序系统设计,负责前后台系统的设计和维护
30
+ - 【24.11 ~ 】前端基础设施开发,负责内外部 page render、脚手架、多语言、发布单等设施
31
+ - 【22 ~ 24.11】用户增长前端 TO,负责酷家乐 PC 客户端和主站业务
32
+ - 【20 ~ 22】设计圈前端负责人,负责小程序应用程序,负责前后台系统的设计和维护
43
33
- 获得两次研发季度之星奖项
44
34
45
35
### 杭州惠借科技有限公司(2018.01-2020.05)- 前端工程师
@@ -52,77 +42,92 @@ comments: false
52
42
53
43
# 项目经历
54
44
55
- ## 酷家乐 PC 客户端(2022.04 -至今)
45
+ ## 酷家乐前端基础设施 - 多语言平台(2024.11 -至今)
56
46
57
- > 酷家乐客户端是酷家乐的重要产品终端,承载了绝大部分的业务和 60%+ 的用户活跃。
47
+ <!-- 15w + 词条、300w+ 翻译 -->
58
48
59
- - 职责:技术负责人
60
- - 技术栈:` Electron ` 、` React ` 、` TypeScript ` 、` Inno Setup `
49
+ > “多语言平台”是酷家乐国际化进程的基本能力平台,提供所有多语言相关词条、语种管理,到 PR(page render)一站式的注入使用。
50
+
51
+ 背景:
52
+
53
+ - 服务过度拆分导致词条计算和上传链路拉长,词条发布错误率高、定位难
54
+ - 资源版本设计不足,单一语种词条的更新会引发过量的变化,导致生效周期变长、缓存周期变短
55
+ - 业务方历史使用不规范、加上词条只增不减,导致前端资源持续增加
56
+
57
+ 行动 & 结果:
58
+
59
+ - 合并子服务并优化链接,添加重试机制以及队列控制并发,新版服务发布成功率达到 ` 99.9% `
60
+ - 重构资源的版本管理,平均每周的上传次数和大小平均减少 ` 60+% `
61
+ - 新增静态代码扫描和动态运行时上报机制,提供资源拆分规范,目前完成 ` 1 ` 个试点业务的改造
62
+
63
+ ## 酷家乐 PC 客户端 & 设施建设(2022.04-2024.11)
64
+
65
+ > 酷家乐 PC 客户端是酷家乐的重要产品终端,承载了绝大部分的业务和 60%+ 的用户活跃。
66
+
67
+ - 职责 / 技术栈:技术负责人 / ` Electron ` 、` React ` 、` TypeScript ` 、` Inno Setup `
61
68
62
69
背景:
63
70
64
71
- 客户端项目维护年限长,代码组织差维护难度高,多业务复用灵活性低
65
- - 客户端内核版本落后,特性缺失、对 3D 工具的高级特性支持不友好
66
72
- IPC 调用混乱,存在性能和安全问题
67
73
- 监控手段弱,缺少对客户端运行时的把控
68
- - 打包方式原始,强依赖本地配置,配置复杂
69
- - 更新机制不完善,新版本覆盖周期长
74
+ - 打包方式原始,强依赖本地配置,配置复杂;更新机制不完善,新版本覆盖周期长
70
75
71
76
行动 & 结果:
72
77
73
78
- 发起主进程整体重构,引入依赖注入模式,单测覆盖达到 ` 90%+ ` ,多业务灵活复用
74
79
- 启动内存减少 ` 200M ` 、启动速度提升 ` 300ms ` ,重构计划让我获得 ` 2023Q4 最佳代码质量 ` 奖项
75
- - 全量使用 ` contextBridge ` ,推翻 ` require ` 的方式 ,提升调用性能(页面初始化减少 ` 80ms ` 同步阻塞)和安全性
80
+ - 规范 IPC 通信 ,提升调用性能(页面初始化减少 ` 80ms ` 同步阻塞)和安全性
76
81
- 客户端系统分层设计:` 基座层 ` + ` 业务层 ` ,` 业务层 ` 独立更新、不依赖整体发版;二方业务基于 ` 基座 ` 快速产出独立的客户端
77
82
- 协同监控平台产出 ` Electron ` 监控 SDK;与 3D 工具组持续进行崩溃治理,改善 ` 1.5‰ ` 的崩溃率;使用 Rust 基于 ` egui ` 开发独立小工具,用于用户、客服快速解决常见问题
78
- - 主导酷客户端基建平台的建设 ,管理打包、版本、发布、灰发和数据回收等功能,` 5+ ` 业务线接入,` 700+ ` 构建,服务 QPS 峰值 ` 65+ `
83
+ - 主导并完成酷客户端基建平台的建设 ,管理打包、版本、发布、灰发和数据回收等功能,` 5+ ` 业务线接入,` 700+ ` 构建
79
84
80
- ## 酷家乐设计圈(2020.06-2022.04 )
85
+ ## 酷家乐 设计工具沉浸式新手引导平台(2024.03-2024.06 )
81
86
82
- > 设计圈是一款面向商家的、囊括了一整套自闭环体系的设计师培育解决方案,同时可用于私域流量推广和留资,产品形态包括 Web 前后台和小程序 。
87
+ 背景:新用户工具上手难、工具留存低,工具内现有引导内容单一、老旧,任何修改强依赖工具开发、可配置能力低,走完新手流程的用户只有 58%,对初见用户帮助有限 。
83
88
84
- - 职责:前端负责人
85
- - 主要技术栈:` Taro2 ` 、` TypeScript `
89
+ 行动:
86
90
87
- 背景:
88
-
89
- - 形态复杂,涉及运营后台、商家前后台、移动端 H5 和小程序,包含积分成长、课程考试、社区、图册、留资获客等大量可自由配置的子频道内容
90
- - 涉及和展示馆的业务融合,双线迭代和推进困难
91
-
92
- 以 ` 提效 ` 为核心开展多项行动:
93
-
94
- - 落地 ` Git Subtree ` ,所有终端完美共享代码,落地跨端编码规范
95
- - 发起双线小程序合并,推动两个业务核心逻辑的整合,通过小程序平台能力(` extPages ` )快速分发多小程序
96
- - 抽象小程序能力库,突破原生和 Taro2 部分限制,形成最优编码范式
97
- - 发掘开发痛点,产出浏览器插件
91
+ - 提出采用“工具仿真”的方式进行场景、交互模拟,达到独立开发(与工具团队解耦)以快速实验的目的,验证可行性
92
+ - 建立系统性配置平台,支持运营人员自助搭建引导内容,可基于不同人群、类型的工具进行快周期的 AB 实验
98
93
99
- 结果 :
94
+ 关键结果 :
100
95
101
- - 复用能力完善,提升 ` 0.5 ` 左右人效,产出技术沉淀,进一步沉淀出多端的 Hooks 库、业务组件,使用于
102
- - 开发能力提效和完善:实现全局生命周期代理、页面投放/承接归一化、[ 灵活且性能友好的状态管理] ( https://daief.tech/post/react-state-management-based-on-react-hooks/ ) 、TabBar 能力增强等等
103
- - 提倡 Hybrid 的方式,页面 Web 化享受更大的生态,结合重构、分包、WXML 的压缩,主包体积缓解 ` 300K+ `
96
+ - 完全替代了旧版引导系统,用户体验提升,并获得了正向的结果(对比旧版引导的提升):
97
+ - 新手引导的漏斗转化:` +30% ` ;注册首周渲染转化率:` +2% ` ;工具新用户次周留存:` +2% `
98
+ - 落地了与工具团队协同的开发规范,实现开发效率最大化
99
+ - 沉淀 ` 5+ ` 内置引导模板;服务 ` 4+ ` 外部团队
104
100
105
- <!-- 评论组件(10+ 业务接入)、浏览器插件、图片上传云端压缩、React 基座、 -->
101
+ ## 酷家乐设计圈(2020.06-2022.04)
106
102
107
- ## 惠借科技基础建设(2019.07-2020.06)
103
+ > 设计圈是一款面向商家的、囊括了一整套自闭环体系的设计师培育解决方案,同时可用于私域流量推广和留资,产品形态包括 Web 前后台和小程序。
108
104
109
- 背景:技术栈使用混乱,编码自由无章法,复用纯靠拷贝无文档,整体建设落后
105
+ - 职责 / 技术栈:前端负责人 / ` Taro2 ` 、 ` React ` 、 ` TypeScript `
110
106
111
- 行动:负责技术选型,定制脚手架;归纳总结,重新设计基础库 API 及实现、封装组件,推广单元测试
107
+ 痛点:多端、双线迭代和推进困难。以 ` 提效 ` 为核心开展多项行动:
112
108
113
- 结果:
109
+ - 主导设计圈小程序融合方案,通过 ` extPages ` 实现定制版本的快速分发
110
+ - 开发能力提效和完善:实现全局生命周期代理、页面投放/承接归一化、[ 灵活且性能友好的状态管理] ( https://daief.tech/post/react-state-management-based-on-react-hooks/ ) 、TabBar 能力增强等等
111
+ - 提倡 Hybrid 的方式,通过 Web 开发以提效,同时缓解体积 ` 300K+ `
112
+ - 引入 ` Git Subtree ` ,提升多端开发效率,提升 ` 0.5 ` 左右人效,沉淀跨端代码
113
+ - 产出浏览器插件,解决高频繁琐操作
114
114
115
- - 引入 ` Workspace ` 项目安装提速 ` 30%+ `
116
- - 引入 ` TypeScript ` 并发展为第一语言,类型校验和优秀的代码提示得到团队一致肯定
117
- - 产出脚手架,累计服务 ` 10+ ` 项目,支持零配置或低配置启动新项目
118
- - 产出原生 bridge 的封装库,使用队列解决历史设计缺陷造成的数据竞态问题
115
+ <!-- 评论组件(10+ 业务接入)、浏览器插件、图片上传云端压缩、React 基座、 -->
119
116
120
117
# 个人作品
121
118
122
119
- [ gugu] ( https://github.com/daief/blog/tree/master/packages/gugu ) :一个简单的博客引擎
123
120
- [ chip8] ( https://daief.tech/chip8/?source=wasm ) :一个有趣的 ` chip8 ` 模拟器,分别使用 ` Rust ` 和 ` JavaScript ` 实现
124
121
- [ daisyui-vue] ( https://github.com/daief/daisyui-vue ) :一个进行中的 ` Vue ` 组件库
125
122
123
+ # 技能清单
124
+
125
+ - 掌握 ` HTML ` 、` CSS ` 、` JavaScript ` 以及 ` TypeScript ` ,掌握 ` React ` 及相关技术,熟悉 ` Vue ` 开发
126
+ - 熟悉 ` Electron ` 的开发,了解框架原理
127
+ - 熟悉 ` Webpack ` 、` Rollup ` 等常用构建工具
128
+ - 具备 ` NodeJs ` 服务端项目的开发和系统运维经验
129
+ - 熟悉微信小程序,有实际基于 ` Taro ` 的开发经验
130
+
126
131
# 致谢
127
132
128
133
感谢您花时间阅读我的简历,期待能有机会和您共事。
0 commit comments