整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          代碼式動態(tài)錄入生成個人簡歷頁面html頁面前端源碼

          代碼式動態(tài)錄入生成個人簡歷頁面html頁面前端源碼

          家好,今天給大家介紹一款,代碼式動態(tài)錄入生成個人簡歷頁面html頁面前端源碼(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          整個頁面分為兩個部分,左右布局,左邊動態(tài)輸入一個代碼編輯器,根據(jù)輸入的代碼動態(tài)變幻樣式,右邊是動態(tài)顯示個人的情況介紹,給人一種特別創(chuàng)新的視覺感受(圖2)

          圖2

          實現(xiàn)方式主要是用prism,來實現(xiàn)左側容器的代碼高亮,右側的簡歷輸入用JavaScript實現(xiàn),源碼沒有加密,簡單易懂,需要的朋友可以下載學習

          圖3

          本源碼編碼:20240,需要的朋友,訪問下面鏈接后,搜索20240,即可獲取。

          就愛UI - 分享UI設計的點點滴滴

          作經(jīng)歷(案例一)

          工作時間:2014-11 - 2015-04

          公司名稱:【七分簡歷】信息科技有限公司 | 所在部門:開發(fā) | 所在崗位:Web前端開發(fā)工程師

          工作描述:

          1、負責基于HTML、CSS、Javascript的Web前端開發(fā);

          2、負責基于HTML5、CSS3、Javascript的移動端前端開發(fā);

          3、與UI設計師積極合作,完成網(wǎng)頁的前端頁面實現(xiàn);

          4、與后端開發(fā)工程師積極合作,完成前端與后端的整合;

          5、負責前端頁面切圖及專題模版制作,優(yōu)化前端頁面性能,能夠解決瀏覽器兼容性問題;

          6、研究和跟蹤最新的前端技術發(fā)展,合理應用到項目中。

          工作經(jīng)歷(案例二)

          工作時間:2016-03 - 2017-09

          公司名稱:【七分簡歷】招聘咨詢有限公司 | 所在部門: | 所在崗位:web前端

          工作描述:

          該公司從事“計算機信息科技、計算機網(wǎng)絡科技、計算機科技”領域內(nèi)的技術開發(fā),任職期間參與公司W(wǎng)eb前端工作,負責公司現(xiàn)有項目和新項目的前端修改調(diào)試和開發(fā)工作,主要為:

          1、熟練運用html和css快熟還原項目PSD圖。

          2、根據(jù)工作安排高效、高質(zhì)量地完成代碼編寫,確保符合規(guī)范的前端代碼。

          3、與后端開發(fā)團隊緊密配合,確保代碼有效對接,優(yōu)化網(wǎng)站前端性能。

          4、頁面通過標準校驗,兼容各主流瀏覽器。

          工作經(jīng)歷(案例三)

          工作時間:2012-10 - 2015-04

          公司名稱:【七分簡歷】網(wǎng)絡技術有限公司 | 所在部門: | 所在崗位:Web前端制作

          工作描述:

          工作內(nèi)容: 針對UI提供的PSD進行切圖制作靜態(tài)頁 + 頁面動態(tài)交互特效制作 ,兼容常用瀏覽器;

          1、負責公司的外貿(mào)婚紗網(wǎng)站;

          2、負責公司外貿(mào)假發(fā)電子商務網(wǎng)站;

          3、負責公司訂單系統(tǒng)項目;

          4、應用bootstrap框架負責公司門戶網(wǎng)站搭建制作;

          5、網(wǎng)站應用MVC開發(fā)模式開發(fā);

          6、負責所在項目后期優(yōu)化與bug處理;

          7、與后臺工程師一起研討網(wǎng)站技術實現(xiàn)方案,實現(xiàn)頁面快速響應速度與用戶體驗。

          8、應用js、jquery、css3、bootstrap、jsp、html、ps等。

          9、有獨立開發(fā)經(jīng)驗。

          工作經(jīng)歷(案例四)

          工作時間:2015-11 - 2016-06

          公司名稱:【七分簡歷】網(wǎng)絡技術有限公司 | 所在部門: | 所在崗位:html5開發(fā)工程師

          工作描述:

          1.根據(jù)設計圖還原頁面效果;

          2.協(xié)調(diào)完成產(chǎn)品和項目制作,配合后臺開發(fā)人員實現(xiàn)產(chǎn)品前端界面效果與功能;

          3. div+css布局布局

          4. 實現(xiàn)產(chǎn)品UI和交互方面的開發(fā)需求,確保產(chǎn)品具有優(yōu)質(zhì)的用戶使用體驗。

          5.使用JavaScript和JQuery實現(xiàn)頁面上的動態(tài)效果以及交互效果

          6.升級后的系統(tǒng)兼容各種主流瀏覽器:IE Fire Fox Safari Chrome iPad 以及三星Tab;

          7. 對網(wǎng)站的用戶體驗以及訪問速度進行優(yōu)化

          者: SnailClimb

          Markdown 簡歷模板樣式一覽


          可以看到我把聯(lián)系方式放在第一位,因為公司一般會與你聯(lián)系,所以把聯(lián)系方式放在第一位也是為了方便聯(lián)系考慮。

          為什么要用 Markdown 寫簡歷?

          Markdown 語法簡單,易于上手。使用正確的 Markdown 語言寫出來的簡歷不論是在排版還是格式上都比較干凈,易于閱讀。另外,使用 Markdown 寫簡歷也會給面試官一種你比較專業(yè)的感覺。

          除了這些,我覺得使用 Markdown 寫簡歷可以很方便將其與PDF、HTML、PNG格式之間轉換。后面我會介紹到轉換方法,只需要一條命令你就可以實現(xiàn) Markdown 到 PDF、HTML 與 PNG之間的無縫切換。

          下面的一些內(nèi)容我在之前的一篇文章中已經(jīng)提到過,這里再說一遍,最后會分享如何實現(xiàn)Markdown 到 PDF、HTML、PNG格式之間轉換的方法。

          為什么說簡歷很重要?

          • 假如你是網(wǎng)申,你的簡歷必然會經(jīng)過HR的篩選,一張簡歷HR可能也就花費10秒鐘看一下,然后HR就會決定你這一關是Fail還是Pass。
          • 假如你是內(nèi)推,如果你的簡歷沒有什么優(yōu)勢的話,就算是內(nèi)推你的人再用心,也無能為力。
          • 另外,就算你通過了篩選,后面的面試中,面試官也會根據(jù)你的簡歷來判斷你究竟是否值得他花費很多時間去面試。

          寫簡歷的兩大法則

          目前寫簡歷的方式有兩種普遍被認可,一種是 STAR, 一種是 FAB。

          STAR法則(Situation Task Action Result):

          • Situation: 事情是在什么情況下發(fā)生;
          • Task:: 你是如何明確你的任務的;
          • Action: 針對這樣的情況分析,你采用了什么行動方式;
          • Result: 結果怎樣,在這樣的情況下你學習到了什么。

          FAB 法則(Feature Advantage Benefit):

          • Feature: 是什么;
          • Advantage: 比別人好在哪些地方;
          • Benefit: 如果雇傭你,招聘方會得到什么好處。

          項目經(jīng)歷怎么寫?

          簡歷上有一兩個項目經(jīng)歷很正常,但是真正能把項目經(jīng)歷很好的展示給面試官的非常少。對于項目經(jīng)歷大家可以考慮從如下幾點來寫:

          1. 對項目整體設計的一個感受
          2. 在這個項目中你負責了什么、做了什么、擔任了什么角色
          3. 從這個項目中你學會了那些東西,使用到了那些技術,學會了那些新技術的使用
          4. 另外項目描述中,最好可以體現(xiàn)自己的綜合素質(zhì),比如你是如何協(xié)調(diào)項目組成員協(xié)同開發(fā)的或者在遇到某一個棘手的問題的時候你是如何解決的。

          專業(yè)技能該怎么寫?

          先問一下你自己會什么,然后看看你意向的公司需要什么。一般HR可能并不太懂技術,所以他在篩選簡歷的時候可能就盯著你專業(yè)技能的關鍵詞來看。對于公司有要求而你不會的技能,你可以花幾天時間學習一下,然后在簡歷上可以寫上自己了解這個技能。比如你可以這樣寫:

          • Dubbo:精通
          • Spring:精通
          • Docker:掌握
          • SOA分布式開發(fā) :掌握
          • Spring Cloud:了解

          簡歷模板分享

          開源程序員簡歷模板: https://github.com/geekcompany/ResumeSample(包括PHP程序員簡歷模板、iOS程序員簡歷模板、Android程序員簡歷模板、Web前端程序員簡歷模板、Java程序員簡歷模板、C/C++程序員簡歷模板、NodeJS程序員簡歷模板、架構師簡歷模板以及通用程序員簡歷模板)

          上述簡歷模板的改進版本: https://github.com/Snailclimb/Java-Guide/blob/master/面試必備/簡歷模板.md

          其他的一些小tips

          1. 盡量避免主觀表述,少一點語義模糊的形容詞,盡量要簡潔明了,邏輯結構清晰。
          2. 注意排版(不需要花花綠綠的),盡量使用Markdown語法。
          3. 如果自己有博客或者個人技術棧點的話,寫上去會為你加分很多。
          4. 如果自己的Github比較活躍的話,寫上去也會為你加分很多。
          5. 注意簡歷真實性,一定不要寫自己不會的東西,或者帶有欺騙性的內(nèi)容
          6. 項目經(jīng)歷建議以時間倒序排序,另外項目經(jīng)歷不在于多,而在于有亮點。
          7. 如果內(nèi)容過多的話,不需要非把內(nèi)容壓縮到一頁,保持排版干凈整潔就可以了。
          8. 簡歷最后最好能加上:“感謝您花時間閱讀我的簡歷,期待能有機會和您共事。”這句話,顯的你會很有禮貌。
          我們剛剛講了很多關于如何寫簡歷的內(nèi)容并且分享了一份 Markdown 格式的簡歷文檔。下面我們來看看如何實現(xiàn) Markdown 到 HTML格式、PNG格式之間轉換。

          Markdown 到 HTML格式、PNG格式之間轉換

          網(wǎng)上很難找到一個比較方便并且效果好的轉換方法,最后我是通過 Visual Studio Code 的 Markdown PDF 插件完美解決了這個問題!

          安裝 Markdown PDF 插件

          ① 打開Visual Studio Code ,按快捷鍵 F1,選擇安裝擴展選項


          ② 搜索 “Markdown PDF” 插件并安裝 ,然后重啟


          使用方法

          隨便打開一份 Markdown 文件 點擊F1,然后輸入 export 然后選擇你想要轉換的格式即可!


          主站蜘蛛池模板: 无码国产精品一区二区免费式芒果| 在线观看日韩一区| 国产精久久一区二区三区| 精品无码AV一区二区三区不卡| 国产无码一区二区在线| 麻豆精品一区二区综合av| 影音先锋中文无码一区| 亚洲av鲁丝一区二区三区| 日本精品高清一区二区| 国产成人高清视频一区二区| 女同一区二区在线观看| 91午夜精品亚洲一区二区三区 | 日本一区二区高清不卡| 亚洲av无一区二区三区| 无码精品一区二区三区免费视频| 久久国产精品免费一区二区三区| 色视频综合无码一区二区三区| 日韩视频在线一区| 日本视频一区二区三区| 国产主播一区二区三区在线观看| 国内精品一区二区三区最新| 无码人妻aⅴ一区二区三区有奶水 人妻夜夜爽天天爽一区 | 中文精品一区二区三区四区| 亚洲第一区视频在线观看 | 国产福利电影一区二区三区,日韩伦理电影在线福 | 伊人色综合视频一区二区三区| 久久er99热精品一区二区| 99精品国产高清一区二区| 日韩精品区一区二区三VR | 好湿好大硬得深一点动态图91精品福利一区二区 | 亚洲AV美女一区二区三区| 久久无码人妻一区二区三区午夜| 亚洲福利一区二区精品秒拍| 亚洲乱色熟女一区二区三区蜜臀| 国内精品一区二区三区最新| 亚洲AV日韩精品一区二区三区| 制服中文字幕一区二区| 久久无码人妻一区二区三区| 成人无号精品一区二区三区| 一区二区三区伦理高清| 久久精品视频一区|