前端开发面试,如何写好一个简历,脱颖而出

更新日期: 2020-02-24阅读: 2.3k标签: 前端

通常在各个招聘网站,我们填写完一些信息后,网站就可以帮助我们生成一个很不错的简历。但是作为一名开发者,尤其是前端开发者,可能对这种简历并不满意。

这时候,相信有很多同胞们就希望能自己动手做一个很漂亮的web版的简历:

  • 别具一格的,拥有自己的风格,不同于大众化的简历风格。
  • 响应式的,在手机、pad、pc各个平台很方便的浏览。
  • 可打印的,不仅仅能够在浏览器很好的展示,在需要使用的时候也可以很方便的打印出来。 有了这样一个简历,走到哪里,别人问你你可以选择掏出手机打开网站,然后展示你的个人介绍。打开网址然后打印成纸质档。


设计

有了需求,接下来就是设计了。包括界面的设计,和具体展示内容的设计。 在界面设计方面,我们可以去:Pinterest、Behance、Dribbble、花瓣、站酷等知名的设计展搜索简历或者resume,然后综合一下,做出一个适合自己的风格。 内容方面,我们可以看看传统简历的内容划分。我在制作的过程中将内容划分成了:

  • 基本资料:姓名、联系方式之类的。
  • 个人简介:介绍一些个人基本情况。
  • 经验:不同时期简短的从业经历介绍。
  • 技能:客观的对自己所掌握的工具技术栈打个分。
  • 常逛网站:通过经常浏览的这些网站可以看出我通常所关注的技术领域。

由于在浏览器中展示,为了好看,页面可能会很长。所以这里我把联系方式放在首屏展示,页脚也展示了一下。这样可以让浏览者便捷的联系到我。


环境搭建

Git,做代码管理版本控制。在这里我选择把源码托管在Github上,并创建了一个Github Page。 webpack,做自动化构建。包括对js、scss的打包,还可以创建一个基于nodejs的http server已经热部署能众多功能。webstrom,前端开发神器。不解释。


架构与编码

这 里,我采用了restful的开发风格。先做出了一个纯html的版本,然后再把里边展示的个人信息放在了一个json文件中。然后引入zepto和 vue.js两个js库。当然,如果你有耐心,也可以选择自己造轮子用原生的来写。这里我不想折腾,所以用了第三方。在这方面很赞同一个群友的说法:有轮 子就用呗,只要不是方的就好-.- vue.js是用来渲染数据到html页面中的。zepto是用来发请求,获取数据用的。 编码调试,是最为机械的部分了,只要你是老司机,都是手起刀落嘛!


完善与点缀

做完上述功能,能不能添加点花样呢?时下css3这么火热,何不用css3添加一些过度动画,让页面中的信息展示的更自然。于是,设计一些过度效果,添加到页面中。这里我选择引入了wow.js。css3动画是自己写的。一共也没多少效果。

于是,就有了页面加载时的加载动画,有了页面滚动时,元素出现的动画。

web 版的基本上是由了。那么实际中如果需要纸质版呢?so easy,打印web版呗。于是基于上边的版本做了一个打印测试,结果不尽人意。于是我查了一下,有css3的媒体查询可以控制打印样式(@media print)。如此神器,便又是一番啪啪啪的编码调试。

最后,为了保护隐私。我选择了把真实名字在打印的时候才显示。在通常只显示了昵称。


总结

比起看书,可能我更习惯于这种以需求为驱动的学习吧。通过制作这个resume,学习了webpack的使用,学习了vue的使用。学习了css3的一些新特性。学习了flex布局。多动手吧-.-


链接: https://fly63.com/article/detial/8724

前端开发,脱离菜鸟层次的二个关键点

我个人吧,一直认为学习前端技术是比较简单的事情,只要你真的是一步一个脚印的在前进,那你自然会有相应的结果可以收获。这里面包含二个关键点,一,脚踏实地;二,不断努力。

前端开发,如何写出优秀js代码

前端开发如何写出优秀js代码,什么样的javascript代码才是最优秀的的呢?我总结的大概分为三点:性能好,简单优雅,通俗易懂,这篇文章就将围绕这这3点来说明。

解读前端热更新原理

热更新:浏览器的网页通过websocket协议与服务器建立起一个长连接,当服务器的css/js/html进行了修改的时候,服务器会向前端发送一个更新的消息,如果是css或者html发生了改变,网页执行js直接操作dom,局部刷新,如果是js发生了改变,只好刷新整个页面。

你不知道的前端SDK开发技巧

作为一个SDK,我们的目标是让使用者能够减少查看文档的时间,所以我们需要提供一些类型的检查和智能提示,一般我们的做法是提供JsDoc,大部分编辑器可以提供快捷生成JsDoc的方式,另一种做法是使用Flow或者TypeScript

Web前端体系的脉络结构

Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。

关于前端数据&逻辑的思考

这里我是基于典型的MVC模型,那么为了将现有代码重构为理想的模型,我需要做以下几步:拆分组件,逻辑处理,抽象、聚合数据

什么是前端? web1.0、web2.0时代的网页制作,前端开发都有哪些内容等

前端基础-什么是前端:一、 web1.0时代的网页制作,二、 web2.0时代的前端开发,三、 Web前端能做什么?四、 为什么要学习前端开发,五、 前端开发都有哪些内容,六、 开发环境

web前端的一些不为人知的冷知识点_html篇整理

web前端HTML篇冷知识点——这是一篇关于前端的技巧使用,或许你做前端很多年了,但是下面的这些你可能闻所未闻。现在这里给大家整理出来,分享给前端的小伙伴们。

web前端的一些不为人知的冷知识点_CSS篇整理

CSS篇整理:关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算

web前端的一些不为人知的冷知识点_Js篇整理

Js篇整理:生成随机字符串、整数的操作、重写原生浏览器方法以实现新功能、关于console的恶作剧、万物皆对象、If语句的变形、禁止别人以iframe加载你的页面、console.table

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!