-
Notifications
You must be signed in to change notification settings - Fork 252
/
Copy pathindex.html
237 lines (235 loc) · 18.3 KB
/
index.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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DIYgod的简历</title>
<meta name="description" content="我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位，希望借此机会为贵司献上我的一点绵薄之力，快招我到碗里来吧！">
<meta name="keywords" content="DIYgod,前端,工作,简历">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="dist/css/style.min.css">
<link rel="stylesheet" href="dist/css/fontello.min.css">
<link rel="stylesheet" href="lib/zoom.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48084758-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="container">
<div class="sidebar">
<div class="title">
<img src="https://diygod.b0.upaiyun.com/resume-head.png" data-action="zoom">
<h1>DIYgod的简历</h1>
<h2>(゜-゜)つロ 干杯~</h2>
</div>
<ul class="side-info">
<li class="someRight">
<dt><i class="icon-bookmark"></i>Contact. 联系方式</dt>
<dd><i class="icon-phone-1"></i>电话: □□□□□</dd>
<dd><i class="icon-mail-alt"></i>邮箱: <a href="mailto:[email protected]" target="_blank">[email protected]</a></dd>
<dd><i class="icon-wechat"></i>微信: DIYgod</dd>
<dd><i class="icon-qq"></i>QQ: <a href="http://wpa.qq.com/msgrd?v=3&uin=306578968&site=qq&menu=yes" target="_blank">306578968</a></dd>
</li>
<li class="someRight">
<dt><i class="icon-bookmark"></i>Application. 应聘岗位</dt>
<dd>前端工程师</dd>
</li>
</ul>
<div class="note">
<p>我是一个对前端和动漫由衷热爱、有趣的前端工程师。</p>
<p>我目前正在寻找前端工程师岗位的工作机会，希望借此为 bilibili 献上我的一点绵薄之力，快招我到碗里来吧！</p>
</div>
</div>
<div class="main">
<ul class="main-info">
<li class="someRight">
<dt><i class="icon-bookmark"></i>Basic info. 基本信息</dt>
<dd><strong>个人信息:</strong> <span>DIYgod / 男</span></dd>
<dd><strong>毕业院校:</strong> <span>□□□□□□□</span></dd>
<dd><strong>工作年限:</strong> <span>一年半</span></dd>
<dd><strong>常用ID:</strong> <span>DIYgod</span></dd>
<dd><strong>博客:</strong> <a href="https://www.anotherhome.net" target="_blank">www.anotherhome.net</a></dd>
<dd><strong>GitHub:</strong> <a href="https://www.github.com/DIYgod" target="_blank">www.github.com/DIYgod</a><iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&type=follow&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe></dd>
</li>
<li>
<dt><i class="icon-bookmark"></i>Experience. 项目与工作经验</dt>
<h3><img src="https://diygod.b0.upaiyun.com/resume-deepin.png" data-action="zoom"><span>深之度科技有限公司（2015.7 - 2015.11）</span></h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>深度商店项目</h4>
<p>负责 Linux deepin <a href="https://www.deepin.org/2015/12/18/deepin-store-v4-0-release-the-best-for-you/" target="_blank">深度商店V4.0</a> 的前端主要开发工作，项目采用 WebApp 的形式，运行在 Qt WebKit 上，与 deepin 操作系统深度整合，实现一键安装、更新和卸载软件</p>
<p>使用 AngularJS 框架 和 Sass 预处理器 来实现前端组件及数据交互，使用 webpack 构建</p>
<img src="https://diygod.b0.upaiyun.com/resume-dstore.png" data-action="zoom" width="250px">
</li>
</ul>
<h3><img src="https://diygod.b0.upaiyun.com/resume-dxy.png" data-action="zoom"><span>丁香园（2015.12 - 2017.5）</span></h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>商业项目</h4>
<p>负责部分丁香园<a href="http://www.dxy.cn/college/" target="_blank">商业项目</a>的开发维护，商业项目作为丁香园最大的营收来源，为药企提供营销、数据服务和信息技术服务</p>
<p>商业项目使用 webpack 和 postcss 构建，兼容 IE8</p>
</li>
<li>
<div class="circle"></div>
<h4>小游戏</h4>
<p>使用白鹭引擎封装的 WebGL 和 Canvas 制作丁香园游戏类活动页：中秋节吃月饼（活动结束，无法访问）、<a href="http://e.dxy.cn/omega3treasure/h5/tzdzz_game/" target="_blank">欧淬恩调脂大作战</a>（只能在微信访问） 等</p>
</li>
<li>
<div class="circle"></div>
<h4>SIM 系统</h4>
<p>负责丁香园 <a href="https://sim.dxy.cn" target="_blank">SIM 系统</a>的部分功能优化，并完成将部分 Angular1 模块使用 Angular2 重构，SIM 是使用 AngularJS 开发的，一套基于微信企业号的企业内部管理系统，有找人、考勤管理、行政管理、财务管理等功能</p>
</li>
<li>
<div class="circle"></div>
<h4>BSC 系统</h4>
<p>负责丁香园 BSC 系统的全部前端开发工作，BSC 系统是基于 Ant Design 使用 React 开发的一套企业内部绩效考核系统，有考核指标管理、审核、考核进度、评分等功能，满足公司考核员工每个季度工作的需求</p>
</li>
</ul>
<h3>个人项目</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>
<span>APlayer 音乐播放器</span>
<a href="https://github.com/DIYgod/APlayer" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://aplayer.js.org/" target="_blank"><i class="icon-link"></i>Demo</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=APlayer&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h4>
<p>炒鸡好看的 HTML5 音乐播放器，支持歌词、播放列表、播放模式（循环播放、随机播放等），兼容现代浏览器和移动端，API 丰富、可扩展性强，Typecho、Hexo、WordPress 平台插件支持</p>
<p>曾进入 <a href="https://github.com/trending" target="_blank">GitHub 热门榜单（GitHub Trending repositories）</a>第八名，Star 数 1.4k+，npm 下载量 17k+</p>
<p>原生 js 编写，无任何依赖，使用 webpack 和 sass 构建</p>
<img src="https://diygod.b0.upaiyun.com/resume-aplayer.png" data-action="zoom">
</li>
<li>
<div class="circle"></div>
<h4>
<span>DPlayer 视频弹幕播放器</span>
<a href="https://github.com/DIYgod/DPlayer" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="http://dplayer.js.org/" target="_blank"><i class="icon-link"></i>Demo</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=DPlayer&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h4>
<p>炒鸡好看的 HTML5 视频弹幕播放器，兼容 <a href="https://github.com/dailymotion/hls.js" target="_blank">hls.js</a> 和 <a href="https://github.com/Bilibili/flv.js" target="_blank">flv.js</a>，兼容现代浏览器和移动端，兼容 bilibili 弹幕，API 丰富、可扩展性强，Typecho、Hexo、Z-BlogPHP、WordPress、Discuz! 平台插件支持</p>
<p>弹幕后端使用 Node.js 编写，数据库使用 MongoDB，缓存使用 Redis，使用 pm2 部署并支持 Docker，有日志记录功能，可以解析 bilibili 弹幕和视频直链</p>
<p>前端使用原生 js 编写，无任何依赖，使用 webpack 和 sass 构建</p>
<img src="https://diygod.b0.upaiyun.com/resume-dplayer.jpg" data-action="zoom" width="300px">
</li>
<li>
<div class="circle"></div>
<h4>
<span>Resume</span>
<a href="https://github.com/DIYgod/Resume" target="_blank"><i class="icon-link"></i>源代码</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=Resume&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h4>
<p>设计优雅、内容完善的静态简历页面，可以用浏览器直接生成合适尺寸的 PDF，使用 gulp 构建</p>
<p>其实就是这个简历的源码，很简单的一个静态页，但不知道为什么 Star 数会那么多</p>
</li>
<li>
<div class="circle"></div>
<h4>
Anotherhome个人博客
<a href="https://github.com/DIYgod/Amativeness" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net" target="_blank"><i class="icon-link"></i>Site</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=Amativeness&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h4>
<p>Wordpress 主题开发，内容维护，日均PV 6000+</p>
<img src="https://diygod.b0.upaiyun.com/resume-anotherhome.png" data-action="zoom" width="300px">
</li>
<li>
<div class="circle"></div>
<h4>
一些 Node.js 小程序
</h4>
<p>数据库使用 MongoDB，缓存使用 Redis，使用 pm2 部署并支持 Docker，有日志记录功能</p>
<ul class="efe">
<li>
<h5>
Weibo2RSS
<a href="https://github.com/DIYgod/Weibo2RSS" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://api.prprpr.me/weibo/rss/3306934123" target="_blank"><i class="icon-link"></i>Demo</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=Weibo2RSS&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h5>
<p>原理：新浪微博的<a href="http://service.weibo.com/widget/widget_blog.php?uid=3306934123" target="_blank">微博秀</a>是不需要登录就可以访问的，使用 Node.js 解析页面，然后输出 RSS 格式</p>
<p>使用RSS订阅喜欢的微博博主：RSS 格式输出一个微博博主最新的 15 条微博，可以使用 RSS 阅读器来获取及时推送</p>
<p><a href="https://www.anotherhome.net/2920" target="_blank">女朋友的微博情绪监控</a>：配合 IFTTT 使用，检测某一微博博主新发的微博，如果判断为消极情绪就发出警告（如下图）</p>
<img src="https://diygod.b0.upaiyun.com/resume-Weibo2RSS.png" data-action="zoom">
</li>
<li>
<h5>
Text2Emotion
<a href="https://github.com/DIYgod/Text2Emotion" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://api.prprpr.me/emotion/wenzhi?password=DIYgod&text=%E5%B0%8F%E6%8B%B3%E6%8B%B3%E6%8D%B6%E4%BD%A0%E8%83%B8%E5%8F%A3" target="_blank"><i class="icon-link"></i>Demo</a>
<iframe src="https://ghbtns.com/github-btn.html?user=DIYgod&repo=Text2Emotion&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
</h5>
<p>分析一句话的情绪值，上个项目（女朋友的微博情绪监控）的核心部分，<a href="https://www.anotherhome.net/2920" target="_blank">开发过程和原理点这里</a></p>
</li>
<li>
<h5>BaiduLocation
<a href="https://github.com/DIYgod/BaiduLocation" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://api.prprpr.me/location/" target="_blank"><i class="icon-link"></i>Demo</a>
</h5>
<p>封装了百度地图的高精度定位 API</p>
</li>
</ul>
</li>
</ul>
</li>
<li>
<dt><i class="icon-bookmark"></i>Skill. 技能清单</dt>
<h3>前端</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>HTML / CSS</h4>
<p>能够编写语义化的 HTML，模块化的 CSS，完成较复杂的布局</p>
<p>熟悉 Less Sass PostCSS Autoprefixer 等CSS预处理和模块化工具</p>
</li>
<li>
<div class="circle"></div>
<h4>JavaScript</h4>
<p>熟悉原生 Javascript，能脱离 jQuery 等类库编码</p>
<p>能运用模块化、面向对象的方式编程</p>
<p>了解 React AngularJS jQuery 的使用</p>
</li>
<li>
<div class="circle"></div>
<h4>其他</h4>
<p>熟悉 Webpack Gulp 等前端自动化工具</p>
<p>了解前端安全、性能优化方面的一些知识</p>
<p>有 HTML5 音乐播放器（<a href="https://github.com/DIYgod/APlayer" target="_blank">APlayer</a>）、视频播放器（<a href="https://github.com/DIYgod/DPlayer" target="_blank">DPlayer</a>）开发经验</p>
</li>
</ul>
<h3>后端</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>Node.js</h4>
<p>了解 Node.js 的开发，使用 MongoDB 和 Redis 做数据存储和缓存，使用 pm2 和 Docker 部署</p>
</li>
</ul>
<h3>其他属性</h3>
<ul class="exp">
<li>
<p><a href="https://github.com/DIYgod" target="_blank">GitHub</a> 重度用户，近一年平均每日提交量 1.7 次，Followers 1.5k，总 Star 数 3.7k，目前 GitHub <a href="http://githubrank.com/" target="_blank">中国区排名</a> 91</p>
<p><a href="https://juejin.im/user/56852b2460b2a099cdc1d133" target="_blank">掘金</a>重度用户，掘金联合编辑，掘金专栏受邀作者</p>
<p>bilibili 重度用户，动漫爱好者</p>
<p> 师从<a href="https://github.com/ecomfe" target="_blank">百度 EFE 团队</a>，<a href="http://ife.baidu.com/" target="_blank">IFE</a> 第一期学员</p>
<p>轻微强迫症，注意<a href="https://github.com/ecomfe/spec" target="_blank">代码规范</a></p>
<p>猫咪铲屎官，拥有一只叫酸奶的美短猫，她的博客在<a href="https://suannai.cat/" target="_blank">这里</a></p>
</li>
</ul>
</li>
</ul>
</div>
</div>
<footer>
<p>Theme by <a href="https://github.com/DIYgod/Resume" target="_blank">DIYgod</a>. Made with <i class="icon-heart throb" style="color: #d43f57;"></i> by DIYgod. <a href="#" target="_blank">PDF 下载</a>. 最后更新于2017年3月15日</p>
</footer>
<script src="lib/zoom.min.js"></script>
</body>
</html>