{"m1":[],"m2":[],"m3":["resume_head","resume_name","resume_base_info","resume_job","resume_edu","resume_work","resume_hobby","resume_skill","432d96c2-a7b6-4b69-8b25-dedccd9d6dfc","resume_internship","resume_honor","resume_project","resume_portfolio","7302a790-f81f-42c2-ae83-d365c64666b3","resume_summary"],"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] .name_item .name-con .name{color:${color};}
.resume_main[data_color] .resume_m1,.resume_main[data_color] .resume_item dl dt a.alifont{background-color:${color};}
.resume_main[data_color] .resume_item dl dt span.resume_item_title_span{color:${color};border-bottom-color:${color};}
.resume_main[data_color] .resume_content:after{background-color:${color};}
-
姓名
-
锤子简历
本科毕业,3年前端开发经验,精通Vue和React,参与过PC和移动端的开发。
-
教育背景
-
2010.09-2014.06
锤子简历大学
软件技术
-
工作经验
-
- 使用Dreamweaver结合Photoshop完成静态网页,经常配合程序套网站后台程序和设计上对图片的处理。
- 负责做好产品需求分析、公司现有项目的前端修改调试和开发工作,以及与设计团队紧密配合,实现设计师的设计想法。
- 负责页面通过标准校验,兼容各主流浏览器,以及与后端开发团队紧密配合,确保代码有效对接,优化网站前端性能。
- 负责符合W3C标准、多浏览器兼容、语义化的Web前端网页产品功能的开发,调试和维护,实现一流的用户交互WEB/WebApp界面。
- 使用原生js和jQuery实现了页面上的相应特效,包括图片的轮播,利用javascript和jQuery、bootstrap、vueJS实现页面的动态效果以及交互。
- 根据UI图纸,实现显示效果,使用ajax请求与后台交互调试接口。
2014.07-2017.06
锤子简历公司
网页前端
- 网页DEMO设计,主要根据产品提供的原型图进行DEMO设计,在设计过程中根据目前主流的配色,排版、字体效果、用户习惯等与产品经理进行沟通优化设计稿,最终输出DEMO原型。
- 网页切图重构,主要根据设计好的DEMO进行切片重构,再切片的过程中不断进行调试,使之与不同浏览器兼容性好,提高网页扩展性,可维护性等,最终输出静态页面。
- 协调后端开发人员开发页面调整,在后端程序写代码时候,调试CSS的BUG。
- 网站版本内网测试,根据迭代1版本进行内网穿越测试。
- 网站上线后的焦点图、banner、内容更新图、微博图设计。网站上线后根据营销策划部的提供的方案进行焦点图、活动页面、ICON图标设计、尽量匹配当前最主流的配色方案,排版布局等。
-
自我评价
-
具有良好的沟通能力、业务逻辑分析能力、解决问题能力强。对前端编程有自己的独到见解,能使用原生JS+JQ的方法实现前端功能。学习能力强,具有了面向对象编程思想,能融会贯通其他的编程语言。具有良好的职业操守。有优秀的团队合作精神。对工作具有高度的则热心,热爱前端工作。
-
作品展示
-
+(支持jpg/png格式,单张图片不超过2M,最多支持添加8张图片)
-
项目经历
-
2018.06-2018.10
锤子简历网站
前端
项目描述:- 该网站为拉萨旅行的游客提供图文、视频的方式记录过程,游客旅行的问题可以通过本网站进行提问了解。
- 项目模块分为:游记、伴游、问答、景点、美食、个人中心等。
- 主要功能有游记发表、发出结伴邀请、提出和回答问题等。
责任描述:
- 使用vue.js和bootstrap对前端页面进行搭建以及页面的响应式布局;
- 利用vue实现数据的双向绑定,实现动态的展示效果;
- 组件间的传值和获取;token鉴权机制验证用户权限;
- 实现游记、资料、问答、信息、伴游等页面的设计和交互。
2017.10-2017.12
锤子简历系统
前端
项目描述:- 负责把jsp页面转换成HTMl5,CSS3。
- 配合开发人员对前台页面进行修改。
责任描述:
-
语言技能
-
软件技能:Ae,Ps,Js,Sai,Cdr,CSS,Web,html,CSS3,Ajax,HTML5,Jquery,Div+Css,Photoshop,Bootstrap,JavaScript,Dreamweaver,营销策划,软件技术,需求分析,网站前端,产品经理,后台程序语言能力:大学英语四级