前端学习随笔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 在线简历

您的项目需求