亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

作為前端開發(fā)，如何寫好一個簡歷

KunMinX / 2157人閱讀

摘要：項目地址需求來源通常在各個招聘網(wǎng)站，我們填寫完一些信息后，網(wǎng)站就可以幫助我們生成一個很不錯的簡歷。但是作為一名開發(fā)者，尤其是前端開發(fā)者，可能對這種簡歷并不滿意。，前端開發(fā)神器。最后，為了保護(hù)隱私。

背景

前一陣子，閑下來便開始著手做一個一直想做的東西--resume。經(jīng)過幾天業(yè)余時間的折騰，終于做出了一番模樣。
Github項目地址：https://github.com/eternityspring/eternityspring.github.io

需求來源

通常在各個招聘網(wǎng)站，我們填寫完一些信息后，網(wǎng)站就可以幫助我們生成一個很不錯的簡歷。但是作為一名開發(fā)者，尤其是前端開發(fā)者，可能對這種簡歷并不滿意。
這時候，相信有很多同胞們就希望能自己動手做一個很漂亮的web版的簡歷：

別具一格的，擁有自己的風(fēng)格，不同于大眾化的簡歷風(fēng)格。

響應(yīng)式的，在手機(jī)、pad、pc各個平臺很方便的瀏覽。

可打印的，不僅僅能夠在瀏覽器很好的展示，在需要使用的時候也可以很方便的打印出來。

有了這樣一個簡歷，走到哪里，別人問你你可以選擇掏出手機(jī)打開網(wǎng)站，然后展示你的個人介紹。打開網(wǎng)址然后打印成紙質(zhì)檔。

設(shè)計

有了需求，接下來就是設(shè)計了。包括界面的設(shè)計，和具體展示內(nèi)容的設(shè)計。
在界面設(shè)計方面，我們可以去：Pinterest、Behance、Dribbble、花瓣、站酷等知名的設(shè)計展搜索簡歷或者resume，然后綜合一下，做出一個適合自己的風(fēng)格。
內(nèi)容方面，我們可以看看傳統(tǒng)簡歷的內(nèi)容劃分。我在制作的過程中將內(nèi)容劃分成了：

基本資料：姓名、聯(lián)系方式之類的。

個人簡介：介紹一些個人基本情況。

經(jīng)驗：不同時期簡短的從業(yè)經(jīng)歷介紹。

技能：客觀的對自己所掌握的工具和技術(shù)棧打個分。

常逛網(wǎng)站：通過經(jīng)常瀏覽的這些網(wǎng)站可以看出我通常所關(guān)注的技術(shù)領(lǐng)域。

由于在瀏覽器中展示，為了好看，頁面可能會很長。所以這里我把聯(lián)系方式放在首屏展示，頁腳也展示了一下。這樣可以讓瀏覽者便捷的聯(lián)系到我。

環(huán)境搭建

Git，做代碼管理版本控制。在這里我選擇把源碼托管在Github上，并創(chuàng)建了一個Github Page：
https://eternityspring.github.io。
webpack，做自動化構(gòu)建。包括對js、scss的打包，還可以創(chuàng)建一個基于nodejs的http server已經(jīng)熱部署能眾多功能。
webstrom，前端開發(fā)神器。不解釋。

架構(gòu)與編碼

這里，我采用了restful的開發(fā)風(fēng)格。先做出了一個純html的版本，然后再把里邊展示的個人信息放在了一個json文件中。然后引入zepto和vue.js兩個js庫。當(dāng)然，如果你有耐心，也可以選擇自己造輪子用原生的來寫。這里我不想折騰，所以用了第三方。在這方面很贊同一個群友的說法：有輪子就用唄，只要不是方的就好-.-
vue.js是用來渲染數(shù)據(jù)到html頁面中的。zepto是用來發(fā)請求，獲取數(shù)據(jù)用的（請求工具修改為了vue-resource）。
編碼調(diào)試，是最為機(jī)械的部分了，只要你是老司機(jī)，都是手起刀落嘛！

完善與點(diǎn)綴

做完上述功能，能不能添加點(diǎn)花樣呢？時下css3這么火熱，何不用css3添加一些過度動畫，讓頁面中的信息展示的更自然。于是，設(shè)計一些過度效果，添加到頁面中。這里我選擇引入了wow.js。css3動畫是自己寫的。一共也沒多少效果。
于是，就有了頁面加載時的加載動畫，有了頁面滾動時，元素出現(xiàn)的動畫。
web版的基本上是由了。那么實際中如果需要紙質(zhì)版呢？so easy，打印web版唄。于是基于上邊的版本做了一個打印測試，結(jié)果不盡人意。于是我查了一下，有css3的媒體查詢可以控制打印樣式（@media print）。如此神器，便又是一番啪啪啪的編碼調(diào)試。
最后，為了保護(hù)隱私。我選擇了把真實名字在打印的時候才顯示。在通常只顯示了昵稱。

總結(jié)

比起看書，可能我更習(xí)慣于這種以需求為驅(qū)動的學(xué)習(xí)吧。通過制作這個resume，學(xué)習(xí)了webpack的使用，學(xué)習(xí)了vue的使用。學(xué)習(xí)了css3的一些新特性。學(xué)習(xí)了flex布局。多動手吧-.-
你也可以選擇fork我的項目，然后改一個自己的版本：
https://github.com/eternityspring/eternityspring.github.io
當(dāng)然，如果star我也不介意-.-

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/90914.html

相關(guān)文章

  • 作為前端開發(fā)，如何寫好一個簡歷

    摘要：項目地址需求來源通常在各個招聘網(wǎng)站，我們填寫完一些信息后，網(wǎng)站就可以幫助我們生成一個很不錯的簡歷。但是作為一名開發(fā)者，尤其是前端開發(fā)者，可能對這種簡歷并不滿意。，前端開發(fā)神器。最后，為了保護(hù)隱私。 背景 前一陣子，閑下來便開始著手做一個一直想做的東西--resume。經(jīng)過幾天業(yè)余時間的折騰，終于做出了一番模樣。Github項目地址：https://github.com/eternity...

    abson 評論0 收藏0

  • 如何寫好技術(shù)簡歷 —— 實例、模板及工具

    摘要：在線簡歷生成工具，可以導(dǎo)出。技巧目前寫簡歷的方式有兩種普遍被認(rèn)可，一種是一種是。培養(yǎng)新人和帶團(tuán)隊其他項目項目該項目是，使用技術(shù)，完成功能。閱讀原文點(diǎn)擊查看簡歷模板。 工欲善其事必先利其器，這是自古以來的道理，所以如果想找到一份好的工作，一定要先整理一份好的簡歷。 模板 寫簡歷首先要有一個好的模板，我們做技術(shù)的不同于 UX,UED，我們不需要那么花哨，但是也需要整潔干凈。好的模板能讓你的...

    sunnyxd 評論0 收藏0

  • PHPer面試指南-程序員如何寫好一份簡歷？

    摘要：本書的地址程序員的簡歷在求職的時候，尤為重要，簡歷就是銷售自己的明信片，一份優(yōu)秀的簡歷，能為你帶來更多的面試機(jī)會。擴(kuò)展閱讀程序員簡歷應(yīng)該怎么寫面試時，如何向公司提問 本書的 GitHub 地址：https://github.com/todayqq/PH...程序員的簡歷在求職的時候，尤為重要，簡歷就是銷售自己的明信片，一份優(yōu)秀的簡歷，能為你帶來更多的面試機(jī)會。 我自己寫了不少了簡歷，...

    tabalt 評論0 收藏0

  • 如何寫一份好的前端面試簡歷?

    摘要：簡歷的存在只有一個目的幫你約到面試。即使你通過其他方式獲得了面試，當(dāng)你入職的時候，還是要有這么一份紙質(zhì)簡歷的，所以不要想著偷懶。在該系統(tǒng)上線后，前端性能從提升到，服務(wù)器由臺減少到臺通過量化的數(shù)字來增強(qiáng)可信度。 簡歷的本質(zhì) 原文地址在寫簡歷之前，我們必須清楚的了解一件事情，那就是簡歷是什么？它不是人生履歷，不是項目清單，也不是技能大放送。簡歷的存在只有一個目的 —— 幫你約到面試。只要能...

    winterdawn 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<