-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
225 lines (222 loc) · 10.3 KB
/
index.html
File metadata and controls
225 lines (222 loc) · 10.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
http-equiv="Content-Security-Policy"
content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:"
/>
<meta
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover"
/>
<meta name="theme-color" content="#539cec" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<title>个人简历</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<link href="cv.css" rel="stylesheet" />
</head>
<body>
<div class="app">
<div class="drawer">
<div class="avatar">
<img src="itachi.png" />
<div>陆锡柱</div>
</div>
<div class="basic">
<div class="title">基本资料</div>
<div class="cell">
<div class="cell-title">姓名</div>
<div class="cell-content">陆锡柱</div>
</div>
<div class="cell">
<div class="cell-title">年龄</div>
<div class="cell-content">35</div>
</div>
<div class="cell">
<div class="cell-title">工作经验</div>
<div class="cell-content">12年</div>
</div>
<div class="cell">
<div class="cell-title">电话</div>
<div class="cell-content">15348149032</div>
</div>
<div class="cell">
<div class="cell-title">院校/专业</div>
<div class="cell-content">西华大学/软件工程(2009-2013)</div>
</div>
<div class="cell">
<div class="cell-title">求职意向</div>
<div class="cell-content">React Native跨平台前端</div>
</div>
<div class="cell">
<div class="cell-title">邮箱</div>
<div class="cell-content">shanshang130@gmail.com</div>
</div>
<div class="cell">
<div class="cell-title">技术主页</div>
<a href="https://github.com/bolan9999"
>https://github.com/bolan9999</a
>
</div>
</div>
<div class="basic">
<div class="title">
开源贡献<a class="more" href="https://github.com/bolan9999"
>查看更多>></a
>
</div>
<div class="cell">
<a href="https://github.com/bolan9999"
>https://github.com/bolan9999/react-native-largelist</a
>
</div>
<div class="cell">
<a href="https://github.com/bolan9999"
>https://github.com/bolan9999/react-native-spring-scrollview</a
>
</div>
</div>
<div class="basic">
<div class="title">职业技能</div>
<div class="cell">
<div class="cell-title">React Native</div>
<div class="slide-back">
<div style="width: 150px" class="slide"></div>
</div>
</div>
<div class="cell">
<div class="cell-title">JavaScript</div>
<div class="slide-back">
<div style="width: 140px" class="slide"></div>
</div>
</div>
<div class="cell">
<div class="cell-title">iOS原生(ObjectC)</div>
<div class="slide-back">
<div style="width: 80px" class="slide"></div>
</div>
</div>
<div class="cell">
<div class="cell-title">Android原生(JAVA)</div>
<div class="slide-back">
<div style="width: 50px" class="slide"></div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="navbar">
<div>个人简历</div>
</div>
<div class="focus">
<div class="title">职业竞争力(React Native跨平台前端)</div>
<div class="row">
<div class="num">1. </div>
<div class="text">
丰富的前端开发经验：致力于React
Native跨平台开发超过七年，并有超过两年的iOS原生(ObjectC)开发经验，Web端则是有一定的了解。
</div>
</div>
<div class="row">
<div class="num">2. </div>
<div class="text">
对React-Native性能优化和用户体验优化有非常深入的理解，对大数据列表性能优化有较深入的研究，
某些程度上解决了FlatList/SectionList在大量数据时性能表现极差的问题以及弹性下拉的难题；
并且解决了RN公共头部的吸顶TAB的世纪难题。
</div>
</div>
<div class="row">
<div class="num">3. </div>
<div class="text">
有丰富的模块化经验，拒绝无意义重复工作。多次从0到1搭建项目，在整体架构，基础容器，导航，懒加载，自研Banner，
Debug工具，环境热切换，热载/热更能力，通用弹窗，错误兜底，开发者隔离等公共系统能力都有不错的技术积淀。
</div>
</div>
<div class="row">
<div class="num">4. </div>
<div class="text">
解决未知问题的能力较强。对于产品的用户体验有着执着的追求。
</div>
</div>
</div>
<div class="exp">
<div class="row">
<div class="grid">
<div class="title">北京虾皮信息技术有限公司（2024.3-至今）</div>
<span class="des">
进入虾皮App性能优化组后，主要对虾皮App的订单列表、结算页面、购物车等页面的性能进行优化工作。期间利用我对React Native的熟悉程度，通过调整Bundle加载，pre-refetch请求优化等措施，有效提升了这些页面的加载时间。
之后系统性地主要对购物车页面进行了全新的重构，利用我对列表的研究深度，在LargeList上面进行了一系列改造，使其无论是加载性能还是滚动性能都发生了质的提升。<br><br>
核心贡献：<br>
1. Cart重构<br>
2. 加载速度优化<br>
3. 列表滚动性能优化<br>
</span>
</div>
<div class="grid">
<div class="title">成都趣多连网络科技有限公司（2022.9-2024.3）</div>
<span class="des">
Stanly(前身Duom)是一个基于世界顶级网红Kylie Jenner/J
Balvin等的社交平台。 前两个月是使用React
Native参与Duom之前项目的开发。之后顶住压力带领团队重构项目，以全新的架构重塑项目，优化性能，
优化可维护性。之后核心参与首页体验优化，Chatroom和LiveStream<br /><br />
核心贡献：<br />
1.
App整体性能发生质的提升，使其性能经常掉帧到30fps提升到能够基本稳定60fps。<br />
2.
贡献90%的核心公共组件或能力，包括项目整体架构，基础容器，导航，懒加载，自研Banner，
Debug工具，环境热切换，热载/热更能力，通用弹窗，错误兜底，开发者隔离<br />
3. React Native的世纪难题自定义下拉刷新+CrossHeaderTab(详见演示)
</span>
</div>
</div>
<div class="row" style="margin-top: 20px">
<div class="grid">
<div class="title">React Native远程开发开发（2018.5-2022.8）</div>
<span class="des">
从马上金融辞职以后，我选择了远程自由开发，与一家游戏公司达成协议，独立负责完成游戏平台App及后台App的开发和维护工作。
游戏平台App主要是展示游戏推荐及游戏评价，后台App主要是方便查看并管理游戏，包括用户注册管理，充值提现管理，财务管理，推广管理，数据财务分析等功能。
由于React
Native自定义刷新加载组件难，为了实现iOS和安卓拥有一致的体验，我自己从底层实现了一个仿iOS
ScrollView的组件
<a
href="https://github.com/bolan9999/react-native-spring-scrollview"
>SpringScrollView</a
>.
在此基础之上继续研究大列表空白问题，使用了非常复杂的算法，经历三个大版本修改，完成了<a
href="https://github.com/bolan9999/react-native-largelist"
>react-native-largelist</a
><br /><br />
技术栈：React Native，Android原生 <br />
组件：<a
href="https://github.com/bolan9999/react-native-spring-scrollview"
>react-native-sping-scrollview</a
>,
<a href="https://github.com/bolan9999/react-native-largelist"
>react-native-largelist</a
>
</span>
</div>
<div class="grid">
<div class="title">马上消费金融股份有限公司(2017.2-2018.4)</div>
<span class="des">
工作描述： 前期负责<a href="https://www.msxf.com/product"
>马上金融、马上贷iOS App</a
>维护工作； 后期转入公共平台组，为其他产品提供公共的框架及组件；
领导组内成员熟悉React-Native技术方案，对产品重构，并在之后的产品使用该技术方案开发，如万元花、职享花、助微贷等。期间
封装react-native组件，对大数据列表性能优化做了非常深入的研究<br /><br />
技术栈：ObjectC、React Native、JavaScript、Mobx<br />
技术点：React Native大列表性能优化
</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>