前端學習隨筆2 在線簡歷

一心得體會

今天的任務是利用HTML制作一份在線簡歷，先不考慮樣式，只從結構和語義化方面著手。對于已經有了前端b編程經驗的我來說挺簡單的，但是我還是當作我是一個剛入門的菜鳥，在學習過程中發現其實還有很多基礎知識被我忽略了，例如meta的強大功能，HTML5表單新增的輸入類型，列表標簽dl、dt、dd等，這提醒這我不要眼高手低，要潛心學習，穩固基礎。

二相關知識點

問題1 HTML是什么，HTML5是什么？

HTML是一個超文本標記語言（Hyper Text Markup Language），其有一套標記標簽，使用這些標記標簽來描述網頁。
HTML5是最新的HTML標準，新增了一些元素，API，同時也刪除了部分舊元素，具體可以看相關文檔。相較于 HTML4來說，HTML5最大的改進就是新增了強大的圖像支持（<canvas>和 <svg>），多媒體支持（<video> 和 <audio>）和API，使得其能獨自完成以前需要其他語言輔助的工作。

問題2 HTML文檔是什么？

HTML文檔其實就是我們看到的網頁，其包含HTML標簽和純文本。

問題3 HTML元素、標簽、屬性都是什么概念？

HTML標簽是由尖括號包圍的關鍵詞，表示其在HTML文檔中的含義。元素標簽通常成對出現（<p></p>），也有單獨出現（<img>）；成對出現的標簽第一個為開始標簽（或開放標簽），第二個為結束標簽（或閉合標簽），結束標簽多了一個/。
HTML元素是指從開始標簽到結束標簽的所有代碼（<p>包含標簽和此文本</p>）。注意：如果元素內沒有文本，可以直接在開始標簽進行關閉（<p/>）
HTML屬性相當于HTML元素的修飾符，為該元素提供相應的特性。屬性通常以鍵值對的形式出現（name="value"），并且都是出現在開始標簽中。

問題4 文檔類型是什么概念，起什么作用？

HTML經歷過多個版本的更新，每個版本中元素不盡相同，那么我們如何才能使計算機準確知道當前的版本并正確顯示HTML頁面呢？為了解決這個問題，引進了文檔類型的概念。在HTML文檔首行使用<!DOCTYPE>來聲明該HTML文檔的版本，如果版本為HTML5，那么聲明代碼為<!DOCTYPE html>；如果為HTML4，那么聲明代碼為<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"。目前創建新網頁都盡量使用HTML5的文檔類型，維護舊網頁可以沿用舊網頁的文檔類型。

問題5 meta標簽都用來做什么的？

meta標簽位于HTML頭部，攜帶元信息，不顯示在頁面上，對于計算機是可讀的。其主要作用有以下幾點：

聲明當前文檔所使用的字符編碼

<!--聲明文檔使用的字符編碼-->
<meta charset="utf-8">

注意：鼓勵使用UTF-8字符編碼，不使用不兼容ASCII的編碼規范，必須禁用CESU-8, UTF-7, BOCU-1或 SCSU這些字符，因為其被證實存在跨站腳本攻擊（XSS）的風險。
攜帶相關信息關聯到HTTP頭部
此處需要用到http-equiv和content屬性

注：http-equiv的屬性值content-language, content-type, set-cookie已經棄用，請查看最新文檔使用替代方案

示意代碼如下：

< Meta HTTP-EQUIV="refresh" content="6; url=地址" >

使用name屬性攜帶相關信息

示意代碼如下：

<!--標注作者-->
< Meta name="author" content="前端嘮嘮嗑" >
<!--攜帶關鍵字，便于搜索網站收錄，提高搜索排名-->
< Meta name="keyword" content="關鍵字" >
<!--文檔描述，便于搜索網站收錄，提高搜索排名-->
< Meta name="descript" content="描述內容" >

問題6 Web語義化是什么，是為了解決什么問題

我理解的語義化有兩方面：1. 便于計算機識別HTML內容，降低其處理難度，提高效率，與此同時還能搜索程序更好更快的搜索到此文檔；2. 便于程序員理解代碼以及后期維護——結構良好，語義明確的代碼利于閱讀和維護。

問題7 鏈接是什么概念，對應什么標簽？

超鏈接的含義是一個點擊跳轉相應文檔的字，詞或者圖像。對應的為<a>標簽。其使用方式如下。

通過href屬性跳轉到另一個HTML文檔

<a href="地址">跳轉到相應的地址</a>

跳轉文檔內的錨點（書簽）

<!--通過name屬性創建文檔內的錨點-->
<a name="tips">設定的錨點</a>
<!--通過href屬性跳轉文檔內的錨點-->
<a href="#tips">跳轉錨點</a>

注意：創建錨點時可以用id來替代name屬性，也可以用其他元素標簽替代a標簽。
跳轉另一個文檔的錨點

<a href="地址#tips">另一個文檔的錨點</a>

問題8 常用標簽都有哪些，都適合用在什么場景？

塊級元素：<div>——外框, <p>——段落, <h1>——標題, <ul>——列表, <table>——表格
行內元素：<span>——提示性文字,<a>——鏈接, <b>——加粗, <img>——圖像,<td>——表格單元

問題9 表單標簽都有哪些，對應著什么功能，都有哪些屬性？

表單一般包裹在<form>標簽下，主要用于用戶輸入，獲取用戶輸入的信息并傳輸給服務器。其輸入類型有以下幾種：

文本

單行文本輸入 <input type="text">
多行文本輸入 <textarea name="message" rows="10" cols="30"></textarea>

2.密碼（輸入的字符會做掩碼處理） <input type="password">

單選

<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female

注：當input的type為radio時，該輸入框為單選框，若單選框的name值相同，那么他們是同一組選項，不能同時選取到。
多選

<input type="checkbox" name="vehicle" value="Bike">I have a bike
<input type="checkbox" name="vehicle" value="Car">I have a car

注：當input的type為checkbox時，該輸入框為單選框，若單選框的name值相同，那么他們是同一組選項，可以同時選取到。
按鈕

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

注：點擊可以執行相關操作
submit

<input type="submit" value="Submit">

此輸入類型用于提交表單到服務器
HTML5新增輸入類型（<input type="新增類型" >）

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

注釋：老式 web 瀏覽器不支持的輸入類型，會被視為輸入類型 text。

問題10 ol, ul, li, dl, dd, dt等這些標簽都適合用在什么地方，舉個例子

ol搭配li構建有序列表，ul搭配li構建無序列表，dl，dd，dt不常用，看了一下介紹dl類似于ol和ul，屬于最外層標簽；dd類似于li，表示項目內容；而dt類似于序號，只不過內容可以自定義。由以上可以看出dl，dd，dt挺適合做菜單類列表，dt表示菜名，dd表示相應菜品的介紹。

如今越來越多的人開始學習編程，尤其是年輕人和在校學生，希望通過學習編程，可以找份兒不錯的工作。在整個IT技術領域，HTML5前端開發永遠站在一線直面用戶體驗，已成為當下互聯網行業緊俏的高端技術崗位。目前HTML5前端薪資水平高，職業前景廣闊，崗位缺口大，就業口徑寬，想通過學習HTML5前端開發，想進入到該行業工作的人越來越多。那么，學習HTML5能做什么呢？學習技巧有哪些？千鋒武漢HTML5培訓老師給你詳細解讀解讀。

很多人說學習完HTML5后，可以為客戶設計超棒的電子郵件、創建令人嘆為觀止的公司通訊、調整公司的WordPress站點、教同事(以及老板)代碼、用完美的tumblr博客炫耀自己的技能、建立一個專業的簡歷網站、提升設計技能水平等等，很多方面，HTML5都可以實現，但千鋒武漢HTML5培訓老師并不是想告訴大家這些東西，相信大家更關注的的內容是學習HTML5后能做什么工作，從事什么行業等等。

現在來簡單了解下，學習HTML5后的就業方向有哪些？

1、內容往重度化方向發展，在用戶對頁面交互能力和HTML5拓展功能的要求提高之際，輕度營銷的市場份額會逐漸降低，往重度營銷內容轉化。

2、網頁游戲往交互游戲方向發展，頁游戲未來更有可能結合HTML5優良的通信功能，往跨屏互動等交互特征更明顯的形式發展。

3、垂直領域解決方案往在線應用方向發展，與HTML5行業密切相關的垂直行業主要包括在線教育、電商和流媒體三種類型。

4、傳媒業往內容直接填充方向發展，新媒體內容能通過應用母版進行編輯，用戶只需后期進行圖文內容的替換，因此很有可能成為傳媒業轉型的契機。

從上面可以看出，HTML5的從業方向還是相當廣的，前景一定十分光明。那HTML5學習技巧有哪些呢？

1、整體到局部。在學習任何一種學科以及技能時都會有一定的學習技巧，在HTML5學習過程中，我們應該采用從主干到枝葉，而不要陷入細節，糾結于其中。主干如同知識的一個主線，這種先找主干后添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識與知識間的關系。

2、記憶很重要。學習時會遇到一些知識點，如有哪些數據類型、標簽元素。需要記憶的還是要記憶的。很多人在學習過程中覺得理解最重要，不需要記憶。這種想法是有問題的，如果連記都記不住，還談什么理解?

3、循序漸進。這一過程中，要講求思路和流程，在大的知識網絡架構中，這點是相當重要的。

每個人都會有屬于自己的HTML5學習方法，希望以上千鋒武漢HTML5培訓老師分享的小知識能夠更好地幫助你更加了解HTML5。HTML5的發展如日中天，只要你有足夠的熱情和興趣，并且肯努力，學好HTML5沒有任何問題。

.前言：

畢業季到了，很多同學想進入IT行業。但是簡歷明明投放了很多，卻沒有收到面試通知，怎么回事？

如果你還是只會寫word簡歷，那你就out啦！

好的簡歷是成功的一半，你應該有一份高逼格的簡歷，下面就來說說怎么才能寫出高逼格的簡歷。

2.使用github展示自己的個人簡歷（高逼格一）

我們可以利用 Github 的靜態頁面托管服務 Github Pages 來幫助我們做頁面展示。

2.1什么是 Github Pages？

Github Pages 是 Github 的靜態頁面托管服務。它設計的初衷是為了用戶能夠直接通過 Github 倉庫來托管用戶個人、組織或是項目的專屬頁面。參考：https://help.github.com/articles/what-is-github-pages/

2.2Github Pages 的限制：

· 倉庫存儲的所有文件不能超過 1 GB

· 頁面的帶寬限制是低于每月 100 GB 或是每月 100,000 次請求。

· 每小時最多只能部署 10 個靜態網站。

2.3git基礎命令

查看、添加、提交、刪除、找回，重置修改文件

git help <command> # 顯示command的help

git show # 顯示某次提交的內容 git show $id

git co -- <file> # 拋棄工作區修改

git co . # 拋棄工作區修改

git add <file> # 將工作文件修改提交到本地暫存區

git add . # 將所有修改過的工作文件提交暫存區

git rm <file> # 從版本庫中刪除文件

git rm <file> --cached # 從版本庫中刪除文件，但不刪除文件

git reset <file> # 從暫存區恢復到工作文件

git reset -- . # 從暫存區恢復到工作文件

git reset --hard # 恢復最近一次提交過的狀態，即放棄上次提交后的所有本次修改

git ci <file> git ci . git ci -a

# 將git add, git rm和git ci等操作都合并在一起做　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　git ci -am "some comments"

git ci --amend # 修改最后一git diff <branch1>..<branch2> # 在兩個分支之間比較

git diff --staged # 比較暫存區和版本庫差異

git diff --cached # 比較暫存區和版本庫差異

git diff --stat # 僅僅比較統計信息

次提交記錄

git revert <$id> # 恢復某次提交的狀態，恢復動作本身也創建次提交對象

git revert HEAD # 恢復最后一次提交的狀態

查看文件diff

git diff <file> # 比較當前文件和暫存區文件差異 git diff

git diff <id1><id2> # 比較兩次提交之間的差異

查看提交記錄

git log git log <file> # 查看該文件每次提交記錄

git log -p <file> # 查看每次詳細修改內容的diff

git log -p -2 # 查看最近兩次詳細修改內容的diff

git log --stat #查看提交統計信息

tig

Mac上可以使用tig代替diff和log，brew install tig

Git 本地分支管理

查看、切換、創建和刪除分支

git br -r # 查看遠程分支

git br <new_branch> # 創建新的分支

git br -v # 查看各個分支最后提交信息

git br --merged # 查看已經被合并到當前分支的分支

git br --no-merged # 查看尚未被合并到當前分支的分支

git co <branch> # 切換到某個分支

git co -b <new_branch> # 創建新的分支，并且切換過去

git co -b <new_branch> <branch> # 基于branch創建新的new_branch

git co $id # 把某次歷史提交記錄checkout出來，但無分支信息，切換到其他分支會自動刪除

git co $id -b <new_branch> # 把某次歷史提交記錄checkout出來，創建成一個分支

git br -d <branch> # 刪除某個分支

git br -D <branch> # 強制刪除某個分支 (未被合并的分支被刪除的時候需要強制)

分支合并和rebase

git merge <branch> # 將branch分支合并到當前分支

git merge origin/master --no-ff # 不要Fast-Foward合并，這樣可以生成merge提交

git rebase master <branch> # 將master rebase到branch，相當于： git co <branch> && git rebase master && git co master && git merge <branch>

Git補丁管理(方便在多臺機器上開發同步時用)

git diff > ../sync.patch # 生成補丁

git apply ../sync.patch # 打補丁

git apply --check ../sync.patch #測試補丁能否成功

Git暫存管理

git stash # 暫存

git stash list # 列所有stash

git stash apply # 恢復暫存的內容

git stash drop # 刪除暫存區

Git遠程分支管理

git pull # 抓取遠程倉庫所有分支更新并合并到本地

git pull --no-ff # 抓取遠程倉庫所有分支更新并合并到本地，不要快進合并

git fetch origin # 抓取遠程倉庫更新

git merge origin/master # 將遠程主分支合并到本地當前分支

git co --track origin/branch # 跟蹤某個遠程分支創建相應的本地分支

git co -b <local_branch> origin/<remote_branch> # 基于遠程分支創建本地分支，功能同上

git push # push所有分支

git push origin master # 將本地主分支推到遠程主分支

git push -u origin master # 將本地主分支推到遠程(如無遠程主分支則創建，用于初始化遠程倉庫)

git push origin <local_branch> # 創建遠程分支， origin是遠程倉庫名

git push origin <local_branch>:<remote_branch> # 創建遠程分支

git push origin :<remote_branch> #先刪除本地分支(git br -d <branch>)，然后再push刪除遠程分支

Git遠程倉庫管理

GitHub

git remote -v # 查看遠程服務器地址和倉庫名稱

git remote show origin # 查看遠程服務器倉庫狀態

git remote add origin git@ github:robbin/robbin_site.git # 添加遠程倉庫地址

git remote set-url origin git@ github.com:robbin/robbin_site.git # 設置遠程倉庫地址(用于修改遠程倉庫地址) git remote rm <repository> # 刪除遠程倉庫

創建遠程倉庫

git clone --bare robbin_site robbin_site.git # 用帶版本的項目創建純版本倉庫

scp -r my_project.git git@ git.csdn.net:~ # 將純倉庫上傳到服務器上

mkdir robbin_site.git && cd robbin_site.git && git --bare init # 在服務器創建純倉庫

git remote add origin git@ github.com:robbin/robbin_site.git # 設置遠程倉庫地址

git push -u origin master # 客戶端首次提交

2.4 初始化git庫

[root@jdu4e00u53f7 ~]# mkdir Code

[root@jdu4e00u53f7 ~]# cd Code/

[root@jdu4e00u53f7 Code]# mkdir CV

[root@jdu4e00u53f7 Code]# cd CV

[root@jdu4e00u53f7 CV]# ls

[root@jdu4e00u53f7 CV]# git init

2.5 用戶配置

[root@jdu4e00u53f7 CV]# git config --global user.name "haoziyunwei"

[root@jdu4e00u53f7 CV]# git config --global user.email "312779641@qq.com"

2.6下載簡歷模版（阿里云上有）

[root@jdu4e00u53f7 CV]# wget http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip

--2017-07-25 09:59:13-- http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip

Resolving labfile.oss.aliyuncs.com... 118.178.161.16

Connecting to labfile.oss.aliyuncs.com|118.178.161.16|:80... connected.

HTTP request sent, awaiting response... 200 OK

Length: 156602 (153K) [application/zip]

Saving to: “cv-template.zip”

100%[====================================================================>] 156,602 --.-K/s in 0.1s

2017-07-25 09:59:13 (1.26 MB/s) - “cv-template.zip” saved [156602/156602]

[root@jdu4e00u53f7 CV]# unzip cv-template.zip

Archive: cv-template.zip

creating: cv-template/

inflating: cv-template/.DS_Store

creating: __MACOSX/

creating: __MACOSX/cv-template/

inflating: __MACOSX/cv-template/._.DS_Store

inflating: cv-template/index.html

creating: cv-template/static/

inflating: cv-template/static/.DS_Store

creating: __MACOSX/cv-template/static/

inflating: __MACOSX/cv-template/static/._.DS_Store

creating: cv-template/static/css/

inflating: cv-template/static/css/.DS_Store

creating: __MACOSX/cv-template/static/css/

inflating: __MACOSX/cv-template/static/css/._.DS_Store

inflating: cv-template/static/css/style.css

creating: cv-template/static/fonts/

inflating: cv-template/static/fonts/.DS_Store

creating: __MACOSX/cv-template/static/fonts/

inflating: __MACOSX/cv-template/static/fonts/._.DS_Store

inflating: cv-template/static/fonts/demo.css

inflating: cv-template/static/fonts/demo.html

inflating: cv-template/static/fonts/iconfont.css

inflating: cv-template/static/fonts/iconfont.eot

inflating: cv-template/static/fonts/iconfont.svg

inflating: cv-template/static/fonts/iconfont.ttf

inflating: cv-template/static/fonts/iconfont.woff

creating: cv-template/static/image/

inflating: cv-template/static/image/.DS_Store

creating: __MACOSX/cv-template/static/image/

inflating: __MACOSX/cv-template/static/image/._.DS_Store

inflating: cv-template/static/image/bg.jpg

inflating: cv-template/static/image/weixin.png

creating: cv-template/static/js/

inflating: cv-template/static/js/.DS_Store

creating: __MACOSX/cv-template/static/js/

inflating: __MACOSX/cv-template/static/js/._.DS_Store

inflating: cv-template/static/js/modal.js

inflating: cv-template/static/js/script.js

[root@jdu4e00u53f7 CV]# mv cv-template/* .

[root@jdu4e00u53f7 CV]# rm -rf cv-template*

cv-template/ cv-template.zip

[root@jdu4e00u53f7 CV]# rm -rf cv-template* __MACOSX*

[root@jdu4e00u53f7 CV]# firefox index.html

Error: GDK_BACKEND does not match available displays

[root@jdu4e00u53f7 CV]# ls

index.html static

[root@jdu4e00u53f7 CV]# yum install Xvfb libXfont xorg-x11-fonts* #下載界面運行

Loaded plugins: fastestmirror

Setting up Install Process

Loading mirror speeds from cached hostfile

epel/metalink | 6.2 kB 00:00

* epel: ftp.cuhk.edu.hk

base | 3.7 kB 00:00

extras | 3.4 kB 00:00

updates | 3.4 kB 00:00

Package xorg-x11-server-Xvfb-1.17.4-16.el6.centos.x86_64 already installed and latest version

Package libXfont-1.5.1-2.el6.x86_64 already installed and latest version

Package xorg-x11-fonts-Type1-7.2-11.el6.noarch already installed and latest version

Resolving Dependencies

--> Running transaction check

---> Package xorg-x11-fonts-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-1-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-1-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-14-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-14-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-15-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-15-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-2-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-2-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-9-100dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ISO8859-9-75dpi.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-cyrillic.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-ethiopic.noarch 0:7.2-11.el6 will be installed

---> Package xorg-x11-fonts-misc.noarch 0:7.2-11.el6 will be installed

--> Finished Dependency Resolution

Dependencies Resolved

==============================================================================================================

Package Arch Version Repository Size

==============================================================================================================

Installing:

xorg-x11-fonts-100dpi noarch 7.2-11.el6 base 3.1 M

xorg-x11-fonts-75dpi noarch 7.2-11.el6 base 2.8 M

xorg-x11-fonts-ISO8859-1-100dpi noarch 7.2-11.el6 base 1.1 M

xorg-x11-fonts-ISO8859-1-75dpi noarch 7.2-11.el6 base 933 k

xorg-x11-fonts-ISO8859-14-100dpi noarch 7.2-11.el6 base 1.0 M

xorg-x11-fonts-ISO8859-14-75dpi noarch 7.2-11.el6 base 906 k

xorg-x11-fonts-ISO8859-15-100dpi noarch 7.2-11.el6 base 1.1 M

xorg-x11-fonts-ISO8859-15-75dpi noarch 7.2-11.el6 base 932 k

xorg-x11-fonts-ISO8859-2-100dpi noarch 7.2-11.el6 base 1.0 M

xorg-x11-fonts-ISO8859-2-75dpi noarch 7.2-11.el6 base 901 k

xorg-x11-fonts-ISO8859-9-100dpi noarch 7.2-11.el6 base 1.1 M

xorg-x11-fonts-ISO8859-9-75dpi noarch 7.2-11.el6 base 930 k

xorg-x11-fonts-cyrillic noarch 7.2-11.el6 base 395 k

xorg-x11-fonts-ethiopic noarch 7.2-11.el6 base 150 k

xorg-x11-fonts-misc noarch 7.2-11.el6 base 5.8 M

Transaction Summary

==============================================================================================================

Install 15 Package(s)

Total download size: 22 M

Installed size: 23 M

Is this ok [y/N]: y

Downloading Packages:

(1/15): xorg-x11-fonts-100dpi-7.2-11.el6.noarch.rpm | 3.1 MB 00:00

(2/15): xorg-x11-fonts-75dpi-7.2-11.el6.noarch.rpm | 2.8 MB 00:00

(3/15): xorg-x11-fonts-ISO8859-1-100dpi-7.2-11.el6.noarch.rpm | 1.1 MB 00:00

(4/15): xorg-x11-fonts-ISO8859-1-75dpi-7.2-11.el6.noarch.rpm | 933 kB 00:00

(5/15): xorg-x11-fonts-ISO8859-14-100dpi-7.2-11.el6.noarch.rpm | 1.0 MB 00:00

(6/15): xorg-x11-fonts-ISO8859-14-75dpi-7.2-11.el6.noarch.rpm | 906 kB 00:00

(7/15): xorg-x11-fonts-ISO8859-15-100dpi-7.2-11.el6.noarch.rpm | 1.1 MB 00:00

(8/15): xorg-x11-fonts-ISO8859-15-75dpi-7.2-11.el6.noarch.rpm | 932 kB 00:00

(9/15): xorg-x11-fonts-ISO8859-2-100dpi-7.2-11.el6.noarch.rpm | 1.0 MB 00:00

(10/15): xorg-x11-fonts-ISO8859-2-75dpi-7.2-11.el6.noarch.rpm | 901 kB 00:00

(11/15): xorg-x11-fonts-ISO8859-9-100dpi-7.2-11.el6.noarch.rpm | 1.1 MB 00:00

(12/15): xorg-x11-fonts-ISO8859-9-75dpi-7.2-11.el6.noarch.rpm | 930 kB 00:00

(13/15): xorg-x11-fonts-cyrillic-7.2-11.el6.noarch.rpm | 395 kB 00:00

(14/15): xorg-x11-fonts-ethiopic-7.2-11.el6.noarch.rpm | 150 kB 00:00

(15/15): xorg-x11-fonts-misc-7.2-11.el6.noarch.rpm | 5.8 MB 00:00

--------------------------------------------------------------------------------------------------------------

Total 11 MB/s | 22 MB 00:01

Running rpm_check_debug

Running Transaction Test

Transaction Test Succeeded

Running Transaction

Installing : xorg-x11-fonts-ISO8859-9-100dpi-7.2-11.el6.noarch 1/15

Installing : xorg-x11-fonts-ISO8859-15-100dpi-7.2-11.el6.noarch 2/15

Installing : xorg-x11-fonts-ethiopic-7.2-11.el6.noarch 3/15

Installing : xorg-x11-fonts-ISO8859-2-100dpi-7.2-11.el6.noarch 4/15

Installing : xorg-x11-fonts-ISO8859-15-75dpi-7.2-11.el6.noarch 5/15

Installing : xorg-x11-fonts-ISO8859-1-100dpi-7.2-11.el6.noarch 6/15

Installing : xorg-x11-fonts-cyrillic-7.2-11.el6.noarch 7/15

Installing : xorg-x11-fonts-misc-7.2-11.el6.noarch 8/15

Installing : xorg-x11-fonts-ISO8859-14-75dpi-7.2-11.el6.noarch 9/15

Installing : xorg-x11-fonts-ISO8859-2-75dpi-7.2-11.el6.noarch 10/15

Installing : xorg-x11-fonts-ISO8859-1-75dpi-7.2-11.el6.noarch 11/15

Installing : xorg-x11-fonts-75dpi-7.2-11.el6.noarch 12/15

Installing : xorg-x11-fonts-ISO8859-14-100dpi-7.2-11.el6.noarch 13/15

Installing : xorg-x11-fonts-100dpi-7.2-11.el6.noarch 14/15

Installing : xorg-x11-fonts-ISO8859-9-75dpi-7.2-11.el6.noarch 15/15

Verifying : xorg-x11-fonts-ISO8859-9-75dpi-7.2-11.el6.noarch 1/15

Verifying : xorg-x11-fonts-100dpi-7.2-11.el6.noarch 2/15

Verifying : xorg-x11-fonts-ISO8859-14-100dpi-7.2-11.el6.noarch 3/15

Verifying : xorg-x11-fonts-75dpi-7.2-11.el6.noarch 4/15

Verifying : xorg-x11-fonts-ISO8859-1-75dpi-7.2-11.el6.noarch 5/15

Verifying : xorg-x11-fonts-ISO8859-2-75dpi-7.2-11.el6.noarch 6/15

Verifying : xorg-x11-fonts-ISO8859-14-75dpi-7.2-11.el6.noarch 7/15

Verifying : xorg-x11-fonts-misc-7.2-11.el6.noarch 8/15

Verifying : xorg-x11-fonts-cyrillic-7.2-11.el6.noarch 9/15

Verifying : xorg-x11-fonts-ISO8859-1-100dpi-7.2-11.el6.noarch 10/15

Verifying : xorg-x11-fonts-ISO8859-15-75dpi-7.2-11.el6.noarch 11/15

Verifying : xorg-x11-fonts-ISO8859-2-100dpi-7.2-11.el6.noarch 12/15

Verifying : xorg-x11-fonts-ethiopic-7.2-11.el6.noarch 13/15

Verifying : xorg-x11-fonts-ISO8859-15-100dpi-7.2-11.el6.noarch 14/15

Verifying : xorg-x11-fonts-ISO8859-9-100dpi-7.2-11.el6.noarch 15/15

Installed:

xorg-x11-fonts-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-ISO8859-1-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-ISO8859-1-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-ISO8859-14-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-ISO8859-14-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-ISO8859-15-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-ISO8859-15-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-ISO8859-2-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-ISO8859-2-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-ISO8859-9-100dpi.noarch 0:7.2-11.el6 xorg-x11-fonts-ISO8859-9-75dpi.noarch 0:7.2-11.el6

xorg-x11-fonts-cyrillic.noarch 0:7.2-11.el6 xorg-x11-fonts-ethiopic.noarch 0:7.2-11.el6

xorg-x11-fonts-misc.noarch 0:7.2-11.el6

Complete!

2.7 編輯簡歷

在linux終端項目目錄輸入命令firefox index.html

文字可以任意編輯

點擊圖片，放入圖片地址，替換自己的頭像和微信號，復制外部鏈接html。

編輯完自己簡歷，保存。

2.8部署簡歷文件

首先需要自己的 Github 賬號：https://github.com/ 注冊

進入自己的github里面創建一個倉庫

2.8.1在本地倉庫提交代碼

[root@jdu4e00u53f7]:Code/ (master*) $ git add . [14:19:24]

[root@jdu4e00u53f7]:Code/ (master*) $ git commit -m 'commint my cv' [14:19:31]

[master (root-commit) c946e97] commint my cv

19 files changed, 1562 insertions(+)

create mode 100644 index.html

create mode 100644 static/.DS_Store

create mode 100644 static/css/.DS_Store

create mode 100644 static/css/style.css

create mode 100644 static/fonts/.DS_Store

create mode 100644 static/fonts/demo.css

create mode 100644 static/fonts/demo.html

create mode 100644 static/fonts/iconfont.css

create mode 100644 static/fonts/iconfont.eot

create mode 100644 static/fonts/iconfont.svg

create mode 100644 static/fonts/iconfont.ttf

create mode 100644 static/fonts/iconfont.woff

create mode 100644 static/image/.DS_Store

create mode 100644 static/image/bg.jpg

create mode 100755 static/image/bg1.jpg

create mode 100644 static/image/weixin.png

create mode 100644 static/js/.DS_Store

create mode 100644 static/js/modal.js

create mode 100644 static/js/script.js

[root@jdu4e00u53f7]:Code/ (master) $ git config --global user.name "haoziyunwei" [14:30:42]

[root@jdu4e00u53f7]:Code/ (master) $ git config --global user.email "312779641@qq.com" [14:31:47]

git push -f [14:38:13]

warning: push.default is unset; its implicit value is changing in

Git 2.0 from 'matching' to 'simple'. To squelch this message

and maintain the current behavior after the default changes, use:

git config --global push.default matching

To squelch this message and adopt the new behavior now, use:

git config --global push.default simple

When push.default is set to 'matching', git will push local branches

to the remote branches that already exist with the same name.

In Git 2.0, Git will default to the more conservative 'simple'

behavior, which only pushes the current branch to the corresponding

remote branch that 'git pull' uses to update the current branch.

See 'git help config' and search for 'push.default' for further information.

(the 'simple' mode was introduced in Git 1.7.11. Use the similar mode

'current' instead of 'simple' if you sometimes use older versions of Git)

Username for 'https://github.com': haoziyunwei

Password for 'https://haoziyunwei@github.com':

Counting objects: 26, done.

Delta compression using up to 4 threads.

Compressing objects: 100% (26/26), done.

Writing objects: 100% (26/26), 1013.62 KiB | 0 bytes/s, done.

Total 26 (delta 6), reused 0 (delta 0)

Username for 'https://github.com': 312779641@qq.com

Password for 'https://312779641@qq.com@github.com':

Counting objects: 41, done.

Delta compression using up to 4 threads.

Compressing objects: 100% (41/41), done.

Writing objects: 100% (41/41), 1.09 MiB | 219.00 KiB/s, done.

Total 41 (delta 9), reused 0 (delta 0)

remote: Resolving deltas: 100% (9/9), done.

To https://github.com/haoziyunwei/cv

* [new branch] master -> master

Branch master set up to track remote branch master from origin.

2.8.2使用托管源

現在你可以訪問https://你的用戶名.github.io/cv/這個地址了，恭喜，簡歷頁面已成功部署在了 Github Pages 上。（注意請使用火狐瀏覽器打開兼容性問題）

2.8.3查看自己的簡歷

#你get到新姿勢了嗎！！！

3.使用html5制作個人簡歷（高逼格二）

http://my.dingdone.com/xiuzan/marketing

借助于第三方工具

3.1下載模塊并使用

3.2修改簡歷

3.2掃描二維碼查閱

4.1使用markdown制作簡歷（高逼格三）

1、使用Markdown來寫簡歷的好處

格式簡潔，清爽悅目，非常適合程序員的簡歷。

內容與形式分離，讓你專注于寫出好內容，而不是一寫簡歷，就想到用什么模板。

2、不足之處

Markdown的排版不夠豐富，如沒有右對齊。

好在可以使用一些CSS

4.2在線生成簡歷工具

http://deercv.com/

做技術沒有一個技術博客（或個人微信公眾號）和Github地址，那還是技術嗎。

新式簡歷方法你get到幾個了！

不管應屆生還是職場人士，簡歷中不能有假大空的套話，一切應以事例為依據。

最后祝各位早日找到理想的工作，希望這份文章能幫到各位。

如果你也想在IT行業拿高薪，可以參加我們的訓練營課程，選擇最適合自己的課程學習，技術大牛親授，7個月后，進入名企拿高薪。我們的課程內容有：Java工程化、高性能及分布式、高性能、深入淺出。高架構。性能調優、Spring，MyBatis，Netty源碼分析和大數據等多個知識點。如果你想拿高薪的，想學習的，想就業前景好的，想跟別人競爭能取得優勢的，想進阿里面試但擔心面試不過的，你都可以來，群號為： 454377428

注：加群要求

1、具有1-5工作經驗的，面對目前流行的技術不知從何下手，需要突破技術瓶頸的可以加。

2、在公司待久了，過得很安逸，但跳槽時面試碰壁。需要在短時間內進修、跳槽拿高薪的可以加。

3、如果沒有工作經驗，但基礎非常扎實，對java工作機制，常用設計思想，常用java開發框架掌握熟練的，可以加。

4、覺得自己很牛B，一般需求都能搞定。但是所學的知識點沒有系統化，很難在技術領域繼續突破的可以加。

5.阿里Java高級大牛直播講解知識點，分享知識，多年工作經驗的梳理和總結，帶著大家全面、科學地建立自己的技術體系和技術認知！

6.小號或者小白之類加群一律不給過，謝謝。

目標已經有了，下面就看行動了！記住：學習永遠是自己的事情，你不學時間也不會多，你學了有時候卻能夠使用自己學到的知識換得更多自由自在的美好時光！時間是生命的基本組成部分，也是萬物存在的根本尺度，我們的時間在那里我們的生活就在那里！我們價值也將在那里提升或消弭！Java程序員，加油吧

在線咨詢

上一篇：用HTML怎么制作網頁呢？
下一篇：WEB頁面頁面播放實時視頻流

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

前端學習隨筆2 在線簡歷

您的項目需求