大家儿们哈喽！今儿咱就来聊聊一个超炫酷的事儿，你们猜猜看，咱们在线做简历的时候，应该选哪种字体会让人眼前一亮嘞？是不是觉得挺惊奇呀？其实这问题可真不那么简单！
朋友们，咱们都晓得每次咱们去面试时候，公司人事的那帮人儿是咋看我简历的吧？他们那是直接打开一张PDF版本的简历看的！可是你要是傻乎乎地就在上面贴个链接，告诉那些HR要自己动手输进去看的话，我说，这不是闹着玩！人家可是在跟时间赛跑，哪有那么多功夫陪你！所以，咱还是来点实在的，搞个二维码放在那儿，让HR拿起手机轻轻一扫，就能直接看到你的简历，多省事儿！
哎呦喂，话说咱们得留点儿心，别让简历糊里糊涂就给交上去了。特别是在手机上，那个小屏幕大小这么紧巴，咱儿就只能挑挑主干儿上的事儿展示出来。这通俗易懂的才更有看头！说到中文字体的选择，真是有点让人抓狂！你瞅瞅电脑自带的那几个中文字体，真的是没眼看。弄个外面的字体，怕是得使字体文件撑破天去，到时候用户反应速度可是慢如蜗牛了。所以说，要是实在找不出啥好办法的话，就先把系统默认的中文字体拿出来用用——就是那微软雅黑和华文细黑呗。
可能有些小伙伴看了上面的内容会觉得我在这儿卖弄，就是那么几个网页，HTML、CSS、JS加起来两三个钟头就能搞得定。要是真是这样的话，那我就只有耸肩的份儿了。但是让我告诉你我为啥要用这玩意儿！首先，你知道，咱写代码的那会儿，最想要什么嘛？当然就是页面能即时显示更新，你写完代码刷下浏览器，立马就能看到效果，多爽快！至于那些要手动按F5一遍又一遍的纯页面开发，那简直就是折磨人！再者说，往大了看，项目大到一定程度，引入自动化流程就得越早越好。这种时候，gulp这个小帮手是绝对必不可少的！
说白了，咱们儿在本地搞完研究所，立马把成果搬到网上去那可不是什么大问题，不过要是考虑性能这档子事儿，那问题就大了去了。所以，一个牛逼的线上版本得是经过了压缩合并后的html啦、css啦、js啦、图片等等乱七八糟的文件才行。这么一弄文件大小就小得多咯，http请求次数也少不少，就算遇到网速慢点儿的时候，用户们也能轻松愉快地浏览网页。
说到移动这块儿，我这儿就拿阿里那个神奇的”弹性方案”打个样儿。但说实话，我这边弄起来了一个超简单的办法。直接把屏幕分成了三种尺寸：小手机（480像素宽）、中等板子（480到768像素宽之间）以及大电脑（宽度大于等于768像素）。事先就得给每个设备看啥东西、布局怎么搞这个事儿都布局好了，然后根据大小用相关的 media-query 命令来调整显示效果呗！
//IOS: 320/480, 320/568 -> 2, 375/667 -> 2, 414/736 -> 3
@media screen and (max-width: $screen-phone) {
html {
font-size: 16px;
}
}
@media screen and (min-width: $screen-phone + 1) and (max-width: $screen-tablet - 1) {
html {
font-size: 20px;
}
}
@media screen and (min-width: $screen-tablet) {
html {
font-size: 24px;
}
}
总归来说，为了搞快点让咱这个项目飞过天去，我得使出浑身解数！比如说，下载了个叫“gulp browser-sync”的怪东西，给我当高速公路——好吧就是本地服务器啦；这么一弄，只要咱这段代码一更新，网页儿立马就跟着改头换面。要知道有个地儿叫轮子哥专门管这个呢（其实就是好几个手机），所以这招还挺好使得。然后，又找来一个叫做“bower”的小工具，联合我之前提到的那个叫“gulp wiredep”的神奇宝贝，自动把外面那些乱七八糟的 js 文件统统拉进咱们这个网页来。光说没用我还特意用 Chrome 的“network throttling”功能做了个速度测试，看看在什么网络环境下运行最快。结果发现，哪怕是在那种坑爹的 GPRS 网速，最多也就等个两秒钟就能把页面刷出来咧！
那啥，你们可能又得琢磨儿了，网上简历的字体到底咋选啊？说实话这事儿还真没啥百搭的标准答案。但咱们还是能从上面那套说辞里琢磨出点儿门道儿的。注意昂，别整那些花里胡哨的虚头巴脑的，最重要的是简明扼要、突出重点别忘了，还要想想用户看起来舒不舒服、用起来顺手不顺手这些事儿！好了，今儿个就唠这儿！希望大伙儿看得过瘾，也别忘了到评论区扔下你们的观点和建议哈。觉得我说得挺对劲儿的话，可得给我点个赞，顺便儿再分享出去让更多兄弟姐妹们看到！谢谢各位赏光！
