{"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(專業(yè)前10%)
GRE:324
-
工作經(jīng)驗
-
- 在公司任職時:寫的一小部分項目
- Pc端亞馬遜的靜態(tài)頁面,以及活動部分的頁面
我在這部分主要負責活動頁面的實現(xiàn),使用html搭建結構,css屬性設計樣式,使用jQuery快速開發(fā),實現(xiàn)選項卡和輪播圖的效果,部分功能會使用原生js實現(xiàn)。
在這部分項目解決的問題是低級瀏覽器的兼容問題,一般會采用優(yōu)雅降級和漸進增強的思想最大限度解決問題
- 主播任務移動端界面
這是移動端活動項目,整體利用 rem布局,實現(xiàn)兼容不同設備的響應式app界面,嚴格按照設置稿的尺寸和效果,利用 Zepto庫實現(xiàn)簡單動畫和用戶表單排序,并且利用 iscroll實現(xiàn)局部的滾動條,利用 ajax請求機制實現(xiàn)前后臺數(shù)據(jù)交互實現(xiàn)用戶的獎品領取部分的功能。
在項目中遇到了一些問題,其中一個是移動端由于瀏覽器默認的300ms的判斷等待時間,click點擊事件會比較慢,利用 FastClick這個輕量級的庫,實現(xiàn)快速響應的問題
- 移動端簡歷
移動端簡歷主要是根據(jù) swiper 滑動特效插件,實現(xiàn)移動端網(wǎng)頁的內容觸摸滑動,觸屏多圖切換,滑動切屏的效果。其中處理了 click的300ms 延遲,動態(tài)計算 rem的值,可以適應不同尺寸的手機設備,然后利用 swiper插件中的 API實現(xiàn)動畫切屏,結合 animate. css快速實現(xiàn)css3動畫。
利用 h5 AUDIO標簽加載音頻資源文件,并設置音頻資源文件,并設置音頻的自動播放狀態(tài),設置音頻延遲加載資源,使頁面一開始不會卡頓。
并添加了 touch點擊事件,點擊后跳轉到指定的 slide頁面,并實現(xiàn)動畫效果
-
項目經(jīng)驗
-
- 工作介紹:用戶通過網(wǎng)站可方便快速的申請貸款,解決用戶資金周轉問題。簡化了 pc端的業(yè)務功能把核心業(yè)務放在移動端
- 我的職責:使用HTML5+CSS3配合Rem完成頁面布局;Swiper實現(xiàn)頁面滑動效果;用angular實現(xiàn)頁面跳轉;利用Zeptojs進行Dom操作,完成數(shù)據(jù)交互、渲染頁面;Git工具管理代碼。
-
自我評價
-
本人對待工作踏實,認真,并且極富工作和團隊精神,因此在工作和生活中結交了許多朋友,具有良好的適應性和熟練的溝通技巧,相信能夠協(xié)助主管人員出色地完成各項工作。綜合素質佳,能夠吃苦耐勞,忠誠穩(wěn)重堅守誠信正直原則,勇于挑戰(zhàn)自我開發(fā)自身潛力,做一個主動的人。本人希望自己能成為一名出色的員工,這是本人的夢想,也是本人的目標!本人愿意同貴公司共同發(fā)展、進步!感謝您在百忙之中閱覽我的簡歷,靜候佳音!
-
作品展示
-
+(支持jpg/png格式,單張圖片不超過2M,最多支持添加8張圖片)