項(xiàng)目經(jīng)歷(案例一)

項(xiàng)目時(shí)間：2016-10到至今

項(xiàng)目名稱：錘子科技官方網(wǎng)站 | 項(xiàng)目工具：windows

項(xiàng)目描述：

項(xiàng)目介紹

運(yùn)用HTML,CSS將首頁的頁面進(jìn)行搭建，并且運(yùn)用DOM,JSON和ajax技術(shù)將后臺(tái)數(shù)據(jù)導(dǎo)入首頁，用Javascript,cookie完成登錄與注冊(cè)頁面的設(shè)計(jì)，并且完成正常的驗(yàn)證登錄;用Array,localstorage以及JQuery將首頁的產(chǎn)品動(dòng)態(tài)的添加到購物車中，在購物車中用原生態(tài)Javascript進(jìn)行物品的結(jié)算功能。

我的職責(zé)

分配任務(wù)，完成首頁，購物車，登錄注冊(cè)，產(chǎn)品介紹頁面的實(shí)現(xiàn)。

項(xiàng)目經(jīng)歷(案例二)

項(xiàng)目時(shí)間：2016-09到至今

項(xiàng)目名稱：美糧食品商城網(wǎng)站(電商站)

項(xiàng)目描述：

項(xiàng)目介紹

美糧網(wǎng)是一個(gè)全方面的電商網(wǎng)站，主要包括首頁、團(tuán)購、試吃、美糧酒、全球購等分頁商品介紹。

技術(shù)點(diǎn)：

1、自行封裝左右滑動(dòng)及淡入淡出輪播;

2、長頁面以樓層形式展示，方便用戶瀏覽，帶給用戶很好的體驗(yàn);

3、用css3實(shí)現(xiàn)動(dòng)畫效果，讓頁面更加鮮活，同時(shí)也能提高用戶體驗(yàn);

4、前端優(yōu)化：sprite圖，圖片懶加載，將重復(fù)使用的css樣式剝離出來做成公用樣式，對(duì)常用的輪播、Tab切換等進(jìn)行封裝，用css3代替js來完成動(dòng)畫，壓縮css、js及圖片。

我的職責(zé)

1、制定代碼規(guī)范(html、css、js命名及注釋規(guī)范)，規(guī)定統(tǒng)一類庫版本和插件版本，配置gulp文件;

2、首頁內(nèi)容的開發(fā)，產(chǎn)品詳情頁和側(cè)邊欄的展示及互動(dòng)效果;

3、與其他成員的頁面進(jìn)行對(duì)接，確保項(xiàng)目高質(zhì)量的整合;

4、解決各個(gè)瀏覽器的兼容問題;

項(xiàng)目經(jīng)歷(案例三)

項(xiàng)目時(shí)間：2016-07到至今

項(xiàng)目名稱：小貸通APP

項(xiàng)目描述：

項(xiàng)目介紹

使用sencha touch移動(dòng)開發(fā)框架進(jìn)行Hybrid APP開發(fā)

內(nèi)容：業(yè)務(wù)上對(duì)小貸系統(tǒng)PC端的業(yè)務(wù)進(jìn)行精簡，主要包含客戶的管理，貸款的申請(qǐng)審批貸后跟蹤等一些業(yè)務(wù)的前端處理。

功能上(前端方面)包含身份證OCR識(shí)別，銀行卡識(shí)別，基于HTML5 PLUS拍照定位上傳，各種文檔的下載及第三方應(yīng)用打開閱覽，使用D3.JS進(jìn)行一些簡單數(shù)據(jù)圖表展示以及一些java后臺(tái)接口的開發(fā),后臺(tái)主要使用了SpringMVC+MyBatis.

使用MUI框架對(duì)小貸通APP進(jìn)行重構(gòu)

我的職責(zé)

開發(fā)

項(xiàng)目經(jīng)歷(案例四)

項(xiàng)目時(shí)間：2015-08到至今

項(xiàng)目名稱：美紗匯(webapp)

項(xiàng)目描述：

項(xiàng)目介紹

為新人群體精心打造的掌上婚紗購物平臺(tái)，在這里你可以看到更多精美的婚紗，享受更加低廉的價(jià)格和高品質(zhì)的服務(wù) 。

我的職責(zé)

通過與產(chǎn)品和UI溝通交流，按照設(shè)計(jì)稿實(shí)現(xiàn)部分頁面的排版布局及頁面的動(dòng)態(tài)效果;與后臺(tái)配合實(shí)現(xiàn)基本的數(shù)據(jù)交互;編寫登錄注冊(cè)頁面的布局及數(shù)據(jù)校驗(yàn)工作。

應(yīng)用技術(shù)：

1、使用Bootstrap、rem、百分百、等比例縮放等進(jìn)行響應(yīng)式布局;

2、使用AJAX獲取數(shù)據(jù)，解析數(shù)據(jù);

3、通過JavaScript，Zepto(類庫)以及Swiper等插件和CSS3中的屬性實(shí)現(xiàn)頁面輪播，過渡等效果，利用頁面?zhèn)鲄��?shí)現(xiàn)跳轉(zhuǎn);