{"m1":["resume_head","resume_name","resume_base_info"],"m2":[],"m3":["resume_job","resume_edu","resume_work","resume_project","resume_skill","resume_hobby","resume_summary","resume_portfolio","resume_honor","resume_internship"],"m4":[]}
.resume_main[data_color] .skill_item .skill_slider span::before{background-color:${color};}
.resume_main[data_color] .skill_slider s i{background-color:${relative_skill_color};}
.resume_main[data_color] .skill_style_01.skill_item .skill_slider s {border-color:${relative_skill_color};}
.resume_main[data_color] .skill_style_01.skill_item .skill_slider s i{background-color:${relative_skill_color};}
.resume_main[data_color] .skill_style_04.skill_item .skill_slider[data_level="average"] i,.resume_main[data_color] .skill_style_07.skill_item .skill_slider[data_level="average"] i{box-shadow:24px 0 0 ${relative_skill_color}, 48px 0 0 #ccc, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color] .skill_style_04.skill_item .skill_slider[data_level="good"] i,.resume_main[data_color] .skill_style_07.skill_item .skill_slider[data_level="good"] i{box-shadow:24px 0 0 ${relative_skill_color}, 48px 0 0 ${relative_skill_color}, 72px 0 0 #ccc, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color] .skill_style_04.skill_item .skill_slider[data_level="advanced"] i,.resume_main[data_color] .skill_style_07.skill_item .skill_slider[data_level="advanced"] i{box-shadow:24px 0 0 ${relative_skill_color}, 48px 0 0 ${relative_skill_color}, 72px 0 0 ${relative_skill_color}, 96px 0 0 #ccc, 120px 0 0 #ccc;}
.resume_main[data_color] .skill_style_04.skill_item .skill_slider[data_level="expert"] i,.resume_main[data_color] .skill_style_07.skill_item .skill_slider[data_level="expert"] i{box-shadow:24px 0 0 ${relative_skill_color}, 48px 0 0 ${relative_skill_color}, 72px 0 0 ${relative_skill_color}, 96px 0 0 ${relative_skill_color}, 120px 0 0 #ccc;}
.resume_main[data_color] .skill_style_08.skill_item .skill_slider[data_level="average"] i{box-shadow:9px 0 0 ${relative_skill_color}, 18px 0 0 ${relative_skill_color}, 27px 0 0 ${relative_skill_color}, 36px 0 0 ${relative_skill_color}, 45px 0 0 ${relative_skill_color},54px 0 0 #ccc,63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color] .skill_style_08.skill_item .skill_slider[data_level="good"] i{box-shadow:9px 0 0 ${relative_skill_color}, 18px 0 0 ${relative_skill_color}, 27px 0 0 ${relative_skill_color}, 36px 0 0 ${relative_skill_color}, 45px 0 0 ${relative_skill_color},54px 0 0 ${relative_skill_color},63px 0 0 #ccc,72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color] .skill_style_08.skill_item .skill_slider[data_level="advanced"] i{box-shadow:9px 0 0 ${relative_skill_color}, 18px 0 0 ${relative_skill_color}, 27px 0 0 ${relative_skill_color}, 36px 0 0 ${relative_skill_color}, 45px 0 0 ${relative_skill_color},54px 0 0 ${relative_skill_color},63px 0 0 ${relative_skill_color},72px 0 0 #ccc,81px 0 0 #ccc;}
.resume_main[data_color] .skill_style_08.skill_item .skill_slider[data_level="expert"] i{box-shadow:9px 0 0 ${relative_skill_color}, 18px 0 0 ${relative_skill_color}, 27px 0 0 ${relative_skill_color}, 36px 0 0 ${relative_skill_color}, 45px 0 0 ${relative_skill_color},54px 0 0 ${relative_skill_color},63px 0 0 ${relative_skill_color},72px 0 0 ${relative_skill_color},81px 0 0 #ccc;}
.resume_main[data_color] .hobby_item .hobby_item_con .hobby_item_list a.alifont{border-color:${relative_hobby_color};color:${relative_hobby_color}; }
/* ������ */
.resume_main[data_color] .resume_cover .cover_html svg [data-svg="fill"] {fill:${color};}
.resume_main[data_color] .resume_cover .cover_html svg [data-svg="stroke"] {stroke:${color};}
.resume_main[data_color] .resume_letter .letter_html svg [data-svg="fill"] {fill:${color};}
.resume_main[data_color] .resume_letter .letter_html svg [data-svg="stroke"] {stroke:${color};}
.resume_main[data_color] .resume_letter .letter_html svg [data-fill="fill"] {fill:${color};}
.resume_main[data_color] .resume_cover[data-type="07"] .resume_cover_avatar{border-color: ${color};}
.resume_main[data_color] .resume_cover[data-type="07"] .resume_cover_content{background:${color}}
.resume_main[data_color] .resume_cover[data-type="07"] .cover_item_list a.alifont{color: ${color};}
.resume_main[data_color] .resume_cover[data-type="08"] .resume_cover_content::after{background:${color}}
.resume_main[data_color] .resume_cover[data-type="09"] .resume_cover_content{background:${color}}
.resume_main[data_color] .resume_cover[data-type="09"] .cover_item_list a.alifont{color: ${color};}
.resume_main[data_color] .resume_cover[data-type="10"]{background-color:${color}}
.resume_main[data_color] .resume_cover[data-type="11"] .resume_cover_content{background-color:${color}}
.resume_main[data_color] .resume_cover[data-type="14"]{background-color:${color}}
.resume_main[data_color] .resume_cover[data-type="15"]{background-color:${color}}
.resume_main[data_color] .resume_cover[data-type="19"] .resume_cover_word::before{background-color:${color}}
.resume_main[data_color] .resume_cover[data-type="20"]{background-color:${color}}
.resume_main[data_color] .resume_letter[data-type="06"]{background-color:${color}}
.resume_main[data_color] .resume_letter[data-type="12"]{background-color:${color}}
.resume_main[data_color] .resume_item dl dt span.resume_item_title_span,.resume_main[data_color] .name_item .name-con .name{color:${color};}
.resume_main[data_color] .resume_item dl dt{border-bottom-color:${color};}
.resume_main[data_color] .resume_item dl dt span.resume_item_title_span{color:${color};}
-
姓名
-
锤子简历
熟悉前端各开发流程,有处理不同框架的经验。
-
工作经验
-
工作描述:
- 根据UI设计师提供的设计稿,使用div+css布局实现静态页面。
- 使用js类库jquery、编写js文件实现网页的动态效果及交互功能。
- 解决主流浏览器的兼容问题。
- 使用AJAX与后台程序员协作,完成前端与后台的数据交互。
-
项目经验
-
项目介绍:该网站是以团队建设为核心的户外旅游网站,以非凡路线、专业团队、专业组织、全流程服务,打造超乎想象的团队体验。 我的职责:根据UI设计图,使用div+css完成首页、查路线页面的静态布局,css3、javascript、jQuery等相关技术完善页面效果
使用ajax和后台协作,完成前后端的交互
项目介绍:这是一个企业网站,尽可能的将企业的文化、产品、前景展示出来。
我的职责:根据UI设计师提供的设计图,使用Photoshop进行切图并运用div+css搭建页面,实现web页面;
使用ajax获取后台数据
负责产品展示、新闻中心、关于大泽等页面,
项目介绍:该站点是以女性美容用品为主体的产品展示网站。
我的职责:负责产品展示、新闻资讯页面。使用流式布局+媒体查询完成响应式静态页面,实现pc移动端共用。使用ajax获取后台数据,动态渲染页面;使用css3完成一些旋转、放大等效果。
项目介绍:这是一个移动的骑行网站。
我的职责:跟进UI设计图,使用媒体查询+flex布局,适配各种分辨率,使用zepto、iscroll实现图片轮播和滑动效果。
-
自我评价
-
- 计算机专业,熟练使用HTML+CSS开发静态页面,精准还原UI设计图,熟悉HTML5新标签和CSS3新特性
- 能够熟练使用Js、Jquery实现常见网页特效
- 能熟练使用Bootstrap、EasyUI等UI框架
- 了解 nodejs+mongoDB
- 熟练掌握Ajax数据前后端交互
- Vue.js框架开发模式有一定的了解
-
作品展示
-
+(支持jpg/png格式,单张图片不超过2M,最多支持添加8张图片)