{"m1":[],"m2":[],"m3":["resume_head","resume_name","resume_base_info","resume_job","resume_edu","resume_work","resume_project","resume_internship","resume_honor","resume_portfolio","resume_school_info","resume_skill","resume_hobby","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] .resume_m1:before,.resume_main[data_color] .resume_m1:after{color:${color};}
.resume_main[data_color] .resume_item dl dt span.resume_item_title_span{background-color:${color};}
.resume_main[data_color] .resume_m1{border-bottom-color:${color}52;}
["sex","age","nation","education","marriageStatus","politicalStatus","city","jobYear","mobile","email"]
-
基本信息
-
-
教育背景
-
GPA:3.72/4(专业前10%)
GRE:324
-
工作经验
-
- 在公司任职时:写的一小部分项目
- Pc端亚马逊的静态页面,以及活动部分的页面
我在这部分主要负责活动页面的实现,使用html搭建结构,css属性设计样式,使用jQuery快速开发,实现选项卡和轮播图的效果,部分功能会使用原生js实现。
在这部分项目解决的问题是低级浏览器的兼容问题,一般会采用优雅降级和渐进增强的思想最大限度解决问题
- 主播任务移动端界面
这是移动端活动项目,整体利用 rem布局,实现兼容不同设备的响应式app界面,严格按照设置稿的尺寸和效果,利用 Zepto库实现简单动画和用户表单排序,并且利用 iscroll实现局部的滚动条,利用 ajax请求机制实现前后台数据交互实现用户的奖品领取部分的功能。
在项目中遇到了一些问题,其中一个是移动端由于浏览器默认的300ms的判断等待时间,click点击事件会比较慢,利用 FastClick这个轻量级的库,实现快速响应的问题
- 移动端简历
移动端简历主要是根据 swiper 滑动特效插件,实现移动端网页的内容触摸滑动,触屏多图切换,滑动切屏的效果。其中处理了 click的300ms 延迟,动态计算 rem的值,可以适应不同尺寸的手机设备,然后利用 swiper插件中的 API实现动画切屏,结合 animate. css快速实现css3动画。
利用 h5 AUDIO标签加载音频资源文件,并设置音频资源文件,并设置音频的自动播放状态,设置音频延迟加载资源,使页面一开始不会卡顿。
并添加了 touch点击事件,点击后跳转到指定的 slide页面,并实现动画效果
-
项目经验
-
- 工作介绍:用户通过网站可方便快速的申请贷款,解决用户资金周转问题。简化了 pc端的业务功能把核心业务放在移动端
- 我的职责:使用HTML5+CSS3配合Rem完成页面布局;Swiper实现页面滑动效果;用angular实现页面跳转;利用Zeptojs进行Dom操作,完成数据交互、渲染页面;Git工具管理代码。
-
自我评价
-
本人对待工作踏实,认真,并且极富工作和团队精神,因此在工作和生活中结交了许多朋友,具有良好的适应性和熟练的沟通技巧,相信能够协助主管人员出色地完成各项工作。综合素质佳,能够吃苦耐劳,忠诚稳重坚守诚信正直原则,勇于挑战自我开发自身潜力,做一个主动的人。本人希望自己能成为一名出色的员工,这是本人的梦想,也是本人的目标!本人愿意同贵公司共同发展、进步!感谢您在百忙之中阅览我的简历,静候佳音!
-
作品展示
-
+(支持jpg/png格式,单张图片不超过2M,最多支持添加8张图片)