难写的简历

每次写简历都感觉困难重重,半个月前某资深移动安全专家看着我简历说,你这太杂了,没有重点。面试腾讯的时候腾讯的安全面试官说真是够杂的。阿里前端简历都没提到前端的东西,我想如果有HR看到那份简历一定怀疑我投错部门了。不过,我算证实了阿里的笔试根本没人看。

今天又写了大半天简历。缘起在昨天去360前端公开课,奇舞团某位大哥看我没位置让我到前面坐,我直接把月影的位置占了(ゝ∀・)。。。

一直在听文博老师讲课也没注意旁边玩手机的月影的大大\(:з」∠)\…直到…月影大大给我说:

小伙子我看你天资聪颖,骨骼惊奇,是个做前端的料子,今日你我有缘,给我发份简历吧。

开玩笑(ง •̀\_•́)ง,当然不是这么说的= =

简历主要参考了以下几个地方,中文还没做。。。

折腾了一天没内容的简历

前一阵在看慕课网上css3实现网页平滑过渡效果 这个教程,就想这么用这个做简历得了。

既然是给前端团队的简历,而且是给国内顶尖前端团队的简历,而且是直接发给月影的简历,怎么能不尽力用上前端技术。

然后,忽然想到,微信发过去。。。应该是在手机上看吧。。。

这么大个导航栏,不合适吧。

而且按这种技术,没有导航栏没法导航。。。

我想了想,前几天看到Ovilia的CV。。。

又想了想百度IFE的全屏翻页效果。

要么就做全屏翻页效果的。。。

额,怎么实现呢,我自己用原生吧。。。算了,最近做IFE的作业闭门造车太久了。。。还是学习下别人的成果吧。

我想起一个看上去很中意的页面--fontmin

看看它怎么实现的。

看了发现超出我知识范围太多。。。开始看前面的script里有个bdstatic的域名的js文件引用,我以为是统计就去掉了,然后发现require用不了,嗯,我也奇怪没见它引用require.js呢。

有个app是百度自己的,还有copyright。。。算了我这做着玩也不干什么。。

后来仔细一看一查是百度自己做的js模块加载系统。。。esl对此。

算了,我把这个引用进来吧。还用到了jquery,嗯?我是用cdn?算了下载下来吧。。。

还有俩jquery插件,我大概看了看文档,一下午零基础使用jquery及其插件。。。

lettering提供了对字符进行单独样式的功能。开始留着lettering想之后试试,最后懒得试验了。。。然后就把相关文件和函数删了。毕竟文件大了影响加载速度不是ლ(╹◡╹ლ)

full-page这个插件真是方便额,有点像bootstrap把html按规则写好就行,规则还特别特别简单。fullpage这个插件本来还得配合它提供的css用,不过fontmin这个页面把这部分css合并到app.css里了,连js都打包到app.js里了。我猜是为了减少HTTP请求吧。

app.js中放置了所有用到的全屏翻页和lettering等函数,似乎还有各种对兼容性的处理。可是它是压缩并且替换变量过的js。。。回头上github看了看没被压缩的js,除了fullpage的功能就简单的有个判断操作系统修改下载链接和lazy加载的函数,我用不上就删了。。。

它的字体本来觉得不错不想改,结果发现它的英文字体都用fontmin重新做过了,只打包了需要的字符。得,我=npm install fontmin=得了。自己做了个ClearView的字体,另外把它的SentyBrush重新做出来使之包含我的名字要用到的字符。

所有其它东西处理完毕之后,就是写自己的简历内容。首先想了想怎么安排html,怎么布局。然后就开始写css,看效果,到小屏幕上看效果,写媒体查询。这前一段在百度前端技术学院学到的这些基础真不是白学的。

最后。。。看上去效果还不错。logo我自己做了下,反正对于一个熟练的gimp用户随手处理个图像什么的不是问题。

再最后,懒得压缩css和js啥了。js我还下了个非min的好像,传网上手机看了下还不错。虽然下面有部分看不到了。。。

想起来百度前端技术学院的网页在我的手机上也是看不到下面的部分,又看了看ovilia姐姐的CV发现我手机都翻不了页就心安理得的干其他事去了(┙>∧<)┙へ┻┻>)

就这样吧。

有兴趣可以看看resume.reverland.org

其实还是好多不会,不过还真是擅长各种quick and dirty的事情。。。

还有点挺遗憾,明明fontmin在加载时会显示出loading那部分页面,为啥到我这里就不行了。。。原来html结构写错了(´・ω・`)

而且这完全没内容的简历怎么好意思发出去(╥\_╥)

我想也许明天用fontmin制作下需要的字体,补充下中文简历。

另外,给北邮天枢CTF出了两道挺有意思的challenge,用到了web的一些奇葩特性╮( ̄▽ ̄)╭,等比赛完了再放出来。记在这里,我怕比赛完忘了。。。