-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_bak.html
222 lines (219 loc) · 15.1 KB
/
index_bak.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div class="container">
<div class="side">
<div class="me">
<div class="portrait"></div>
<h1>彭磊</h1>
<h4>前端 / Web / 大数据</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">8年</span></li>
<li>
<label class="left-label">爱好</label><span class="label-value">看书/运动/陪家人四处走走</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">18513622686</span></li>
<li>
<label class="left-label">邮箱</label><span class="label-value">[email protected]</span></li>
</ul>
</div>
<div class="education info-unit">
<h2 class="info-header"><i class="iconfont icon-education"></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>
<li>
<label class="left-label">专业</label><span class="label-value">机械工程</span></li>
</li>
<li>
<label class="left-label">学位</label><span class="label-value">硕士学位</span></li>
</li>
<li>
<label class="left-label">GPA</label><span class="label-value">3.8/4.0</span></li>
</li>
<li>
<label class="left-label">时间</label><span class="label-value">2009.09 ~ 2011.02</span></li>
</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">Web前端</label>
<progress value="90" max="100"></progress>
</li>
<li>
<label class="left-label">Java/MySQL</label>
<progress value="60" max="100"></progress>
</li>
<li>
<label class="left-label">项目管理</label>
<progress value="60" 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">Angular, RxJS, TypeScript, Vue.js, Less/Sass ...</span></li>
</li>
<li>
<label class="left-label">后端(掌握)</label><span class="label-value">Node.js, Java, MySQL Smarty, Velocity</span></li>
</li>
<li>
<label class="left-label">其它</label><span class="label-value">JSON, Git, Shell, PS ...</span></li>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="work info-unit right-list">
<h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title">工作经历</span></h2>
<hr>
<p class="experience-title">百度企业运营平台部 - 数据方向前端负责人 <span>2018.7 ~ 至今</span></p>
<p class="experience-title">百度智能云 - 云平台前端负责人（交易/财务/P3M） <span>2014.8 ~ 2018.6</span></p>
<p class="experience-title">网易 - 前端工程师 <span>2013.7 ~ 2014.8</span></p>
<p class="experience-title">Verizon Wireless (美国) - 前端工程师 <span>2012.7 ~ 2013.7</span></p>
</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 project-list">
<li class="project-item">
<h3>百度智能云 - 前端公共事务</h3>
<p>
<span class="sub-title">背景介绍：</span><br>
智能云体系下包含了许多产品线，为了更好的支撑业务发展、提升工程效率。前端团队也拆分了若干公共技术方向，做为核心成员，我主要承担RIA方向的技术探索和实践工作。
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 负责RIA数据层设计的技术探索和实践<br>
2. 参与RIA视图层技术栈的演变和升级、以及标准组件库的建设和维护工作<br>
3. 参与制定前端代码标准、接口和详设文档规范、以及新人培养指南等<br>
</p>
</li>
<li class="project-item">
<h3>百度企业运营平台部 - 数据方向</h3>
<p>
<span class="sub-title">项目介绍：</span><br>
提供从前端数据采集，到维度建模、多维数据分析的全流程场景化数据应用解决方案，帮助百度内部各业务团队驱动业务决策
<!-- 通过构建功能强大、可快速灵活搭建各类报表的数据BI平台，帮助百度智能云实现数字化运营。平台功能包括「数据连接 → 维度建模 → PPT式报表制作 → 数据可视化与应用」 -->
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 构建功能强大、可快速灵活搭建各类报表的数据BI平台，负责前端技术选型、系统设计/演进、以及研发工作<br>
2. 负责百度智能云、控制台、AI开发平台等用户数据的规范化建设，建立用户数据的质量保证机制；持续优化数据采集工具，提升数据准确性<br>
3. 项目管理工作，包括：需求评审/估时、人力分配、风险管控等<br>
4. 技术团队管理，培养梯队建设<br>
</p>
</li>
<li class="project-item">
<h3>百度智能云 - 云平台业务（交易/财务/P3M）</h3>
<p>
<span class="sub-title">项目介绍：</span><br>
交易财务系统负责管理用户在百度云上所有的消费、交易行为，并提供详细的账户财务、以及消费明细等信息；
<div style="height: 5px;"></div>
P3M平台包括产品中心和项目中心。产品中心用来管理百度云上所有的产品；项目中心则提供一整套项目管理的解决方案；整个系统是一个非常复杂的单页面应用，展示数据丰富，数据间依赖关系繁杂，伴有复杂的交互逻辑，对数据的实时性和一致性要求非常高。
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 前端技术选型、系统设计/演进、以及研发工作<br>
2. 后端业务层的设计、研发、以及线上运维工作<br>
3. 项目管理工作；包括：需求评审/估时、人力分配、风险管控等<br>
4. 性能数据采集系统建设、数据报表展示；日志平台的搭建<br>
</p>
</li>
<!--
<li class="project-item">
<h3>百度云管理控制台 - 财务交易系统</h3>
<p>
<span class="sub-title">项目介绍：</span><br>
控制台财务交易系统负责管理用户在百度云上所有的消费、交易行为，并提供详细的账户财务、以及消费明细等信息。
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 前端UI层的系统设计/演进、以及研发工作<br>
2. 后端业务层的设计、研发、以及线上运维工作<br>
3. 性能数据采集系统建设、数据报表展示；日志平台的搭建<br>
</p>
</li>
<li class="project-item">
<h3>百度云解决方案中心 - P3M平台</h3>
<p>
<span class="sub-title">项目介绍：</span><br>
P3M平台包括产品中心和项目中心。产品中心用来管理百度云上所有的产品；项目中心则提供一整套项目管理的解决方案；整个系统是一个非常复杂的单页面应用，展示数据丰富，数据间依赖关系繁杂，伴有复杂的交互逻辑，对数据的实时性和一致性要求非常高。
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 前端技术选型、系统设计/演进、以及研发工作<br>
2. 项目管理工作；包括：需求评审/估时、人力分配、风险管控等<br>
</p>
因此前端选择了MVVM模式进行开发。在视图层，针对表单多的需求场景，采用了配置schema(Json格式)来生成复杂表单的解决方案。在数据处理上，引入RxJS解耦了视图层和数据层的逻辑，统一了数据来源，利用灵活的操作符处理异步逻辑，解决数据更新困难等问题。
</li>
<li class="project-item">
<h3>百度联盟电商 - B端平台</h3>
<p>
<span class="sub-title">项目介绍：</span><br>
电商业务B端平台主要包括商家平台、运营平台、CMS发布系统、商品管理平台等。
</p>
<p>
<span class="sub-title">主要职责：</span><br>
1. 平台架构设计/演进、及维护工作<br>
2. 公共组件库的建设和维护；跨系统集成组件规范的制定<br>
</p>
前端采用了MVC模式进行开发。由于平台的设计风格一致，因此我封装了一套标准组件库(ECEUI)和通用模板，来满足高复用性的开发需要。此外针对部分业务组件有跨系统集成的需求，我还制定了一套规范约束来引导日常的开发，避免投入过大的成本。
</li> -->
<!-- <li class="project-item">
<h3>网易汽车论坛和积分商城 </h3>
<p>
主要研发：负责网易汽车论坛和积分商城的前端研发和维护工作。
</p>
<p>
项目采用了SeaJS模块化管理，基于backbone.js + jQuery组合实现了大量复杂场景，并封装了多个业务组件，便于其他项目的复用。熟练运用HTML5 + CSS3满足自适应网页设计，样式编写采用Less预处理器。另外，清楚理解前后端数据传递机制，并能根据实际业务场景设计RESTful API。
</p>
</li> -->
</ul>
</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 class="intro-item first">
做为一个有多年研发经验的前端工程师，我参与或负责了几十个大大小小的项目，这让我精通并熟练掌握多个前端领域的技能，也培养了我独立思考和自主学习的能力。为了应对前端领域的快速发展，我在项目中经常尝试社区的新技术，并通过实践不断思考和总结：新的不等于是最好的，好的不一定是最适合的。
</p>
<p class="intro-item">
最近两年，我在工作中开始有意识的关注和学习服务器端相关知识，包括：Java, J2EE, MySQL以及DevOps运维工作等。并在项目中积极实践，相关技术成长很快。拓宽了自己的技术视野和宽度，并为自己在大型复杂项目中的技术决策力提供了更扎实的基础。
</p>
<p class="intro-item">
面对复杂的问题，我有很强的分析和拆解问题的能力；在压力和困难面前具有良好的抗压性，并能始终保持乐观积极的态度。工作中注重团队合作和协调沟通，在多个跨团队和跨部门项目中承担了整体协调和把控的职责，锻炼自己项目管理的能力。
</p>
</div>
</div>
</div>
</body>
</html>