大佬教程收集整理的这篇文章主要介绍了响应式个人简历网页源代码,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为每一个人都需要一个简历网页以介绍自己c;可以作为面试时的加分项c;也可以放置在您的个人网站之中。
这是一款响应式炫酷而优雅的个人简历网页c;电脑与手机均适用c;无需联网c;纯前端HTML+CSS+JavaScript实现c;可用于个人简历、个人网站、个人简介或学习使用c;可以通过配置文件自动生成属于你自己的网页。
网页演示地址
在手机或平板或电脑上查看该网页。
前往happysnaker/Resume项目仓库下载项目c;或者键入git clone https://github.com/happysnaker/Resume.git
以下载。
Resume文件下:
在./config/config.js文件中配置您的信息以自动生成属于你自己的网页c;遵循JavaScript对象声明规范c;注意格式c;对象变量中间不要漏写逗号c;对象变量结尾不要多写逗号。
var config = {
/*在这里配置你的基本信息c;所有数据以字符串形式给出*/
name: "卢世荣",
sex: "男",
age: "19",
phone: "19870887127",
email: "happysnaker@foxmail.com",
address: "现居浙江省义乌市",
qq: "1637318597",
log: "happysnaker",
excpect_work: "Java/Go后端开发",
/*在这里配置首页的座右铭集合*/
motto: [
"明天不一定会更好c;但要坚信更好的明天一定会来。",
"要做的事情总找得出时间和机会c;不愿意做的事情也总能找得出借口。",
"Gor For It!",
"有智者立长志c;无志者长立志。",
"那些过去的眼泪终将风干在记忆里。",
"真相c;是为了剿灭幻想。",
"我欲将心向明月c;奈何明月照沟渠。",
"春风得意马蹄疾c;一日看尽长安花。",
"天凉好个秋!",
"老骥伏枥c;志在千里。烈士暮年c;壮心不已。",
"老当益壮c;宁移白首之心。穷且益坚c;不坠青云之志。",
"我们必须拿我们所有的c; 去换我们所没有的",
"蒹葭苍苍c;白露为霜;所谓伊人c;在水一方。",
"数风流人物c;还看今朝!"
],
/*在这里配置首页的见面信息c;你可以内嵌HTML标签以调整格式*/
welcome: "青青子衿c;悠悠我心<br>" +
"但为君故c;沉吟至今<br>" +
"你好c;我是卢世荣c;南昌大学软件工程大二在读生<br>" +
"很高兴见到你!",
/*在这里配置关于我的信息c;你可以内嵌HTML标签以调整格式*/
about: "<p>你好!我叫卢世荣c;性别男c;南昌软件学院大二在读。我期望的工作岗位是Go/Java后端开发。</p>" +
"<p>我有着较多的Java编程经验c;计算机基础知识掌握扎实c;能够在工作中很好的完成自己的任务。此外c;我有着充满激情的工作态度c;团队协同作战能力强c;同时我也具备独立开发的能力c;擅于发现并解决问题。我的执行力强、责任感高、集体荣誉感强、敢于担当c;能够接受加班或出差等安排</p>" +
"<p>十分期待与您的联系!</p>",
/**
* 在这里配置你的技能点
* ["技能点", 掌握程度, "技能条颜色"]
*/
skills: [
["Java", 80, "red"],
["GoLang", 77, "blue"],
["SQL", 75, "#1abc9c"],
["hTML5", 67, "rgba(0,0,0)"],
["CSS3", 60, "yellow"],
["JavaScript", 70, "pink"]
],
/*这里填写你的技能描述c;你可以内嵌HTML标签以调整格式*/
skills_description: "<ul>" +
" <li>操作系统、计算机网络等编程基础知识良好。</li>" +
" <li>熟练掌握Java基础。</li>" +
" <li>熟悉JavaIO、多线程、集合等基础框架。</li>" +
" <li>了解JVM原理。</li>" +
" <li>熟悉Go语言开发基本知识。</li>" +
" <li>熟悉sql语句编写以及调优。</li>" +
" <li>熟悉基本Linux命令操作。</li>" +
" <li>熟悉Spring、ibatis、struts等框架的使用c;了解其原理与机制。</li>" +
" <li>熟悉缓存、消息等机制。</li>" +
" <li>了解分布式系统的设计与应用。</li>" +
" <li>熟悉HTML、CSS、JavaScript以及相应前端知识。</li>" +
" </ul>",
/**
* 这里填写你的个人作品展示
* ["img"c;"url", "ProjectName", "brief"]
* img表示您的作品图片链接c;url表示您的项目地址c;ProjectName表示您的仓库或作品名称c;brief是一句简短的介绍
* 通过查看实际效果以调整字题长度
*/
portfolio: [
["./images/pro-1.png", "http://1.15.234.109:8000/", "个人博客", "这里记录了我的Java后端学习笔记<br>持续更新"],
["./images/pro-2.png", "https://github.com/happysnaker/Gobang", "智能人机对战五子棋", "采用C++编写的智能五子棋人机对战<br>2021/7/23"],
["https://pic3.zhimg.com/80/v2-d9766956d5c85c2780e4c5008fd946ca_1440w.jpg", "https://github.com/happysnaker/studentsmanageSystem", "学生管理系统", "C语言+AVL树+多重双向表实现"]
],
/**
* 这里填写您的工作经历
* ["日期"c; "工作"c; "介绍"]
* 你可以内嵌HTML标签以排版格式
*/
work: [
//如果您内有工作经历c;您可以采取下列写法
// ["————————", "", "<p>暂无工作经历c;期待您的联系。</p>"]
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来c;阎王殿的任务愈发庞大c;我以及我所在小组主要负责阎王谱后台部分c;拟在解决千万访问并发问题c;经过不械努力c;使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来c;阎王殿的任务愈发庞大c;我以及我所在小组主要负责阎王谱后台部分c;拟在解决千万访问并发问题c;经过不械努力c;使得产品稳定、高效的运行。</p>"
],
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来c;阎王殿的任务愈发庞大c;我以及我所在小组主要负责阎王谱后台部分c;拟在解决千万访问并发问题c;经过不械努力c;使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来c;阎王殿的任务愈发庞大c;我以及我所在小组主要负责阎王谱后台部分c;拟在解决千万访问并发问题c;经过不械努力c;使得产品稳定、高效的运行。</p>"
]
],
/**
* 这里填写你的其他经历
* ["日期"c; "经历"c; "介绍"]
* 建议填写您的校级及以上得奖经历或或其他证书
*/
others: [
["2021-04-28", "第十二届蓝桥杯大学生A组省三等奖", "大一下学期c;我参与第十二届蓝桥杯大学生A组c;然比赛一改以往暴力题c;半数以上DPc;仅取得省级三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛个人国家三等奖", "大一下学期c;我通过面向全年级的选拔c;获得入队名额c;在个人赛中获得全国三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛团体国家二等奖", "大一下学期c;我通过面向全年级的选拔c;获得入队名额c;跟随团队取得团体国家二等奖的成绩。"],
["2020-11-14", "2020级南昌大学程序设计正式赛三等奖", "大一上学期c;我参与校举办的面向全校程序设计大赛并获得三等奖c;"]
],
/**
* 在这里填写您的社交网络平台
* ["img", "url", "desc"]
* img是社交平台的图标c;在./svg目录下我们已经准备好了 微博、简书、掘金、小红书、知乎、csdn、facebook、github、力扣、CF和qq的图标
* url是您链接
* desc是一段描述c;将鼠标移入将会显示该描述
* 建议您放置数量 <= 5
*/
icon: [
["./svg/LeetCode.svg", "https://leetcode-cn.com/u/happysnaker/", "我的力扣主页"],
["./svg/github.svg", "https://github.com/happysnaker", "我的GitHub主页"],
["./svg/博客.svg", "http://1.15.234.109:8000", "我的个人博客"],
["./svg/掘金.svg", "https://juejin.cn/user/3853167638625000", "我的掘金主页"],
["./svg/知乎.svg", "https://www.zhihu.com/people/tian-xia-you-dao-81", "我的知乎主页"]
],
//这是一些图片链接c;建议您仅更改第二个头像图片
url: [
//背景图、头像、作品展示背景、其他经历背景
"./images/intro-bg.jpg",
"./images/2.jpg",
"./images/work-bk.png",
"./images/4.jpg"
]
}
如果您不需要配置该文件c;请注释掉./JS/personal-info-main.js文件中顶层4行代码.
function addScript(url) {
document.write("<script language=javascript src=./config/config.js></script>");
}
addScript();
Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com)
AOS - Animate on scroll library (michalsnik.github.io)
anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs
jQuery
burc-li/timeLine: 纯CSS时间轴 (github.com)
VincentGarreau/particles.js: A lightweight JavaScript library for creaTing particles (github.com)
以上是大佬教程为你收集整理的响应式个人简历网页源代码全部内容,希望文章能够帮你解决响应式个人简历网页源代码所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。