-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
274 lines (267 loc) · 16 KB
/
index.html
File metadata and controls
274 lines (267 loc) · 16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>张峰 - 高级前端工程师简历</title>
<link rel="stylesheet" href="static/css/style.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.min.js"></script> -->
<link rel="stylesheet" href="static/css/remodal.css">
<link rel="stylesheet" href="static/css/remodal-default-theme.min.css">
<script src="static/js/script.js/jquery.min.js"></script>
<script src="static/js/script.js/remodal.min.js"></script>
<script src="static/js/script.js"></script>
</head>
<body>
<div class="container" id="cv">
<div class="side">
<div class="me">
<!-- <img class="portrait" src="static/image/portrait.png" alt=""> -->
<!-- <div class="remodal remodal-img" data-remodal-id="portrait-modal">
<h3>请输入图片URL地址：</h3>
<br/>
<input type="text" id="avatar-url">
<button data-remodal-action="confirm" class="remodal-confirm">确定</button>
</div> -->
<h1 id="username">张峰</h1>
<h4 id="persona-tag">高级前端工程师 / 全栈开发 / 技术专家</h4>
</div>
<div class="profile info-unit">
<h2 class="info-header"><i class="iconfont icon-person"></i> <span class="info-title">基本信息</span></h2>
<hr>
<ul class="info-list">
<li>
<label class="left-label">姓名</label><span class="label-value">张峰</span>
</li>
<!-- <li>
<label class="left-label">学历</label><span class="label-value">专科</span>
</li> -->
<li>
<label class="left-label">毕业院校</label><span class="label-value">江西科技师范大学</span>
</li>
<li>
<label class="left-label">专业</label><span class="label-value">数控编程</span>
</li>
<li>
<label class="left-label">毕业年份</label><span class="label-value">2015</span>
</li>
<li>
<label class="left-label">工作年限</label><span class="label-value">6年+</span>
</li>
</ul>
</div>
<div class="contact info-unit">
<h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title">联系方式</span></h2>
<hr>
<ul class="info-list">
<li>
<label class="left-label">手机</label><span class="label-value">13923734790</span>
</li>
<li>
<label class="left-label">邮箱</label><span class="label-value">13923734790@163.com</span>
</li>
<li>
<label class="left-label">Github</label><span class="label-value">JSProxy.github.io</span>
</li>
</ul>
</div>
<div class="skill info-unit">
<h2 class="info-header"><i class="iconfont icon-star"></i> <span class="info-title">技术能力评估</span></h2>
<hr>
<ul class="progress-list">
<li>
<label class="left-label">前端架构设计</label>
<progress value="90" max="100"></progress>
</li>
<li>
<label class="left-label">移动端开发</label>
<progress value="95" max="100"></progress>
</li>
<li>
<label class="left-label">全栈开发</label>
<progress value="85" max="100"></progress>
</li>
<li>
<label class="left-label">跨平台开发</label>
<progress value="90" max="100"></progress>
</li>
<li>
<label class="left-label">性能优化</label>
<progress value="88" max="100"></progress>
</li>
</ul>
</div>
<div class="stack info-unit">
<h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title">核心技术栈</span></h2>
<hr>
<ul class="stack-list">
<li>
<label class="left-label">前端核心技术</label><span
class="label-value">JavaScript(ES6+)、TypeScript、Vue3、React、Nuxt.js、Webpack、Vite、Sass/SCSS</span>
</li>
<li>
<label class="left-label">移动端技术</label><span
class="label-value">UniApp、Hybrid App、微信小程序、支付宝小程序、Electron</span>
</li>
<li>
<label class="left-label">后端技术</label><span
class="label-value">Node.js、Express、Koa2、MongoDB、Nginx、Socket.io</span>
</li>
<li>
<label class="left-label">技术亮点</label><span class="label-value">
1.具备完整的前端技术栈和架构设计能力<br />
2.精通跨平台开发，可独立完成全栈项目<br />
3.具备大型项目管理和技术团队协作经验<br />
</span>
</li>
</ul>
</div>
<!-- <div class="code info-unit">
<h2 class="info-header"><i class="iconfont icon-weixin"></i> <span class="info-title">个人简介</span></h2>
<hr>
<div class="weixin">
<img src="static/image/weixin.png" alt="">
</div>
</div> -->
<div class="aboutme info-unit right-paragraph">
<h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title">个人优势</span></h2>
<hr>
<p>
1.技术全面，具备前端全栈开发能力，可独立完成复杂项目架构设计<br />
2.学习能力强，持续关注前沿技术，具备快速技术迁移和项目重构能力<br />
3.项目管理经验丰富，具备跨部门协作和团队技术指导能力<br />
4.业务理解深入，能够从技术角度为业务提供创新解决方案
</p>
</div>
</div>
<div class="main">
<div class="trophy info-unit">
<h2 class="info-header"><i class="iconfont icon-trophy"></i> <span class="info-title">核心竞争优势</span></h2>
<hr>
<ul class="experience-list">
<li>
<h3>全栈技术架构能力</h3>
<p>
1.精通前端现代化技术栈，具备大型项目架构设计能力<br />
2.掌握移动端全平台开发技术，包括原生、混合、跨平台解决方案<br />
3.具备后端开发能力，可独立完成全栈项目开发和部署<br />
4.擅长性能优化和用户体验提升，具备企业级应用开发经验
</p>
</li>
<li>
<h3>丰富的项目实战经验</h3>
<p>
1.主导多个大型企业级项目的前端架构设计和开发<br />
2.具备从0到1的产品开发经验，包括需求分析、技术选型、架构设计<br />
3.成功完成多个技术难点攻关，如实时通信、跨平台兼容、性能优化等<br />
4.具备丰富的第三方服务集成经验，如支付、地图、社交等
</p>
</li>
</div>
<div class="work info-unit right-list">
<h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title">工作经历</span></h2>
<hr>
<ul class="experience-list">
<li>
<h3>杭州零碳智能科技有限公司 - 高级前端工程师</h3>
<h4>2021.8 - 2025.08</h4>
<p>
公司业务：为售电公司和发电厂提供数字化系统支持和智能用电数据预测分析服务<br />
主要职责：<br />
• 负责公司所有前端产品的技术架构设计和开发规划<br />
• 主导大型企业级应用的前端架构设计，确保系统可扩展性和性能<br />
• 负责技术团队的技术指导和代码审查，提升团队整体技术水平<br />
• 与产品、设计、后端团队紧密协作，推动项目高质量交付
</p>
</li>
<li>
<h3>深圳市启点数字科技有限公司 - 前端工程师</h3>
<h4>2019.03 - 2021.08</h4>
<p>
公司业务：专注于智能支付解决方案，包括台卡支付、刷脸支付、无人售货机等创新业务<br />
主要职责：<br />
• 负责公司核心产品的前端开发，包括代理端、商户端、用户端等全链路应用<br />
• 主导支付宝刷脸支付、微信小程序等创新业务的技术实现<br />
• 负责多个项目的技术选型和架构设计，确保项目按时高质量交付<br />
• 与硬件团队协作，完成物联网设备与软件系统的无缝集成
</p>
</li>
</ul class="experience-list">
</div>
<div class="project info-unit right-list">
<h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title">核心项目经验</span></h2>
<hr>
<ul class="experience-list">
<li>
<h3>浙江售电决策系统 - 企业级数据可视化平台</h3>
<p>
项目背景：为浙江省售电公司提供智能化的用电数据分析和决策支持系统<br />
核心功能：<br />
• 实时用电数据监控和智能预测分析<br />
• 多维度数据可视化展示，支持复杂业务场景<br />
• 智能报价单生成和批量导出功能<br />
• 多角色权限管理和数据安全控制<br />
技术架构：<br />
• 前端：Vue3 + TypeScript + Vite + Element Plus + ECharts<br />
• 状态管理：Vuex + Pinia，支持复杂业务状态管理<br />
• 构建工具：Webpack + Vite，支持多环境部署<br />
• 性能优化：路由懒加载、组件按需加载、虚拟滚动等<br />
项目成果：系统上线后，售电公司决策效率提升40%，数据准确性提升35%
</p>
</li>
<li>
<h3>香蕉说智能酒店服务系统 - 全平台解决方案</h3>
<p>
项目背景：为酒店提供智能化的无人售货和增值服务解决方案，覆盖微信、支付宝双平台<br />
核心功能：<br />
• 智能商品购买：成人用品、一次性用品等酒店必需品<br />
• 增值服务：WiFi连接、充电服务、清洁预约、发票开具等<br />
• 第三方集成：美团、携程、飞猪等平台酒店预订和好评返现<br />
• 智能设备管理：售货机、刷脸设备、打印机的统一管理和监控<br />
技术架构：<br />
• 前端框架：Vue + Vuex，支持复杂状态管理<br />
• 跨平台开发：UniApp + MPVue，实现一套代码多端运行<br />
• 实时通信：WebSocket + Socket.io，支持设备实时状态监控<br />
• 蓝牙通信：集成蓝牙4.0技术，实现设备近距离通信<br />
• UI组件：UView UI，提供丰富的移动端组件库<br />
项目成果：系统覆盖全国500+酒店，月活用户超过10万，为酒店增收30%+
</p>
</li>
<!-- <li>
<h3>智能支付解决方案 - 多场景支付系统</h3>
<p>
项目背景：为商户提供全方位的智能支付解决方案，包括台卡支付、刷脸支付等创新支付方式<br />
核心功能：<br />
• 台卡支付：支持NFC、二维码等多种支付方式<br />
• 刷脸支付：集成支付宝、微信刷脸支付，支持活体检测<br />
• 商户管理：完整的商户入驻、审核、结算流程<br />
• 数据分析：实时交易数据分析和报表生成<br />
技术架构：<br />
• 前端：Vue + Element UI，提供响应式管理界面<br />
• 支付集成：支付宝、微信支付SDK深度集成<br />
• 安全防护：防刷、风控、数据加密等多重安全措施<br />
• 性能优化：CDN加速、数据库优化、缓存策略等<br />
项目成果：系统支持日交易量10万+，为商户提供安全、便捷的支付体验
</p>
</li> -->
<div style="height: 120px;"></div>
<!-- <li>
<h3>香蕉说-pc商户端</h3>
<p>
使用场景：和香蕉说代理签约的酒店
</br>
</br>
主要功能：控制酒店业务的开启状态，查看产生的收益和提现产生的收益、添加店长和员工、绑定台卡、绑定刷脸设备、绑定小票打印机、绑定无人售货机
</br>
</br>
主要技术：vue、vuex、echarts、es6、vue-cli2、cropperjs、element-ui、webpack
</p>
</li> -->
</ul>
</div>
</div>
</div>
</body>
</html>