前端項目經驗

項目一：旅拍(WebApp)

項目描述：旅拍是時下最熱的獨立攝影師伴遊拍照服務，體驗小衆、精緻、有趣的生活方式，跳出平常的瑣碎和平凡，去已開放廣州、廈門、杭州、上海、北京等十五個城市數千名獨立攝影師數千套攝影專輯的預定服務。主要功能有支付，視頻，音頻，圖片， 即時通信，文件處理，地圖數，據可視化推送，社交分享，第三方登陸，二維碼掃描統計分析等

開發工具： Visual Studio 、git、github等技術和團隊協做開發工具；

崗位職責：主要負責頁面的佈局和數據渲染，而且配合APP完成頁面的嵌套。負責項目Android以及前端的開發和總體項目進度把控工做。該項目移動端均使用原生開發，微信端使用Vue做爲主要開發語言，後臺則使用了微服務架構。

主要技術：使用vue框架，以及vue-router構建單頁面應用，項目採用vuex處理各組件間的通信，vue-resource處理請求，使用mint-ui組件庫中部分功能進行快速開發，經過vue-cli 快速搭建開發環境，採用手機淘寶適配，使用阿里矢量圖標庫。

 

項目二：藝是網拍（PC)

項目描述：藝是網拍爲西泠拍賣惟一網絡拍賣平臺爲網絡拍賣市場帶來更好的發展，爲藝術品收藏愛好者帶來更多的高品質藏品。該平臺主要用於藝術品在線拍賣，主要分爲首頁熱門專場、當前正在拍賣的專場列表、平臺發佈的新聞列表、我的中心等多個模塊。用戶可進入當前拍賣的專場列表中，查看該專場正在拍賣的拍品信息及當前拍賣狀態。用戶能夠在我的中心中查看已參拍的訂單及已拍下的訂單。    

崗位職責：負責前端主力開發 1.拍賣狀態實時刷新 2.百度名片接入 3.錢包支付，銀行卡支付，支付寶支付，微信支付 4.錢包充值功能 

主要技術：一、根據設計圖，使用HTML、CSS還原頁面。  二、負責使用jQuery技術實現交互和頁面效果。  三、使用javaScript相關插件製做動畫，輪播等。  四、配合後臺完成測試。  五、後期對頁面的維護和修改。  六、使用postMan進行端口測試。

 

項目三：旅遊人助手(PC)

項目描述：旅遊人助手是一個提供給旅遊人發佈旅遊圖片、視頻、附件、真實產品庫存等信息的平臺，同時幫助旅遊人制做及分享旅遊電子微雜誌，幫助旅遊人提高互聯網營銷能力。豐富的統計數據，直觀地展現旅遊產品的營銷效果，是旅遊人瞭解行業狀態的利器。

崗位職責：該項目前端使用Vue技術實現,後臺使用Java技術實現，數據庫爲MySQL,總體是先後端分離開發。前臺系統爲SPA模式，網站信息展現使用Element-UI庫、使用Lodash爲JS庫，使用NodeJs爲Web中間層服務器、使用Axios發送服務器請求、模塊開發使用ES6 Module規範、使用Chrome Devtools提高頁面性能、使用WebPack做爲打包工具。 

主要技術：基於div+css頁面佈局，使用正則表達式，註冊功能的實現，經過經過JavaScript(jQuery框架)實現效果（例如輪播圖及回到頂部），利用JavaScript(jQuery框架)實現效果（如導航下拉菜單及三級菜單實現）經過Ajax調用後臺數據顯示在頁面。

 

項目四：新家優品購（微信小程序）

項目描述：項目中主要是用於管理新家優品購物網的相關業務，開發該購物網站的微信小程序版本，讓用戶經過微信小程序來進行購物。 本微信小程序具備會員註冊、會員管理、商品管理、購物管理和訂單管理等這些模塊。   

本小程序採用的是先後端分離的開發模式，在前端主要採用了微信web開發工具來進行微信微信小程序的開發，以及運用相關API進行界面的構造，在後臺中，運用了Vue和Element-UI來構造後臺界面而且採用了webpack打包器來對模塊進行打包，本項目的版本控制工具爲svn.經過ajax來獲取後臺的數據，後臺管理中使用PHP+MySQL技術。

崗位職責：一、按照需求來對管理界面進行設計。   二、按照微信的規範來設計和開發微信小程序。   三、運用ajax 技術來獲取後臺的數據。   四、利用Vue框架來進行PC端管理系統模塊的開發。  五、與後臺人員進行進行協商實現數據的交互。

 

項目五：聯愷照明後臺管理系統 （後臺管理系統）

項目描述：該項目主要是爲目標企業提供一套方便管理全部原料、成品的後臺系統。包括全部原材料的採購量、到庫量、使用量、剩餘量、損耗量及成品的生產數、破損數、出貨數的統計及管理。企業能夠經過不一樣的帳號來進行不一樣的功能操做，好比採購能夠經過採購的帳號查看全部原材料相關的東西，計劃部能夠經過本身的帳號瞭解到全部的與生產相關的信息。登陸事後就能夠對本身帳號權限內的全部數據進行增、刪、改查的處理

主要技術：前端採用jQuery技術，使用EsayUi做爲UI組件，使用EsayUI中的定寬Layout佈局，使用ajax發送請求，使用Echarts統計報表，使用Session保存會話，使用Express搭建Web服務器，使用MongDB做爲數據庫，使用Git控制版本。

崗位職責：一、肯定前端開發技術   二、使用Photoshop進行切圖   三、繪製界面原型   四、基礎的性能優化，簡單的頁面交互

 

項目六：智愛教育培訓信息發佈網站（PC)

項目描述:智愛教育培訓信息發佈網站 主要用於發佈該機構的主要培訓課程，相應名師的信息，以及對應教材、課程的購買連接。網站主打考研培訓，兼顧英語46級考試培訓。考研培訓主要分爲公共課和專業課兩大模塊，每一個模塊又分爲學術碩士和專業碩士兩種類型，每種碩士下面又分公共課和專業課，分類詳盡、細緻，方便用戶迅速找到適合本身的課程，進行相關資訊和課程購買。此外還有名師專欄，該板塊推薦在該培訓機構某個領域的頂級名師，有其詳細介紹，以及所開設的課程。英語46級模塊主要是推出一些46提分課程和相應的圖書購買連接

主要技術：本項目前端採用HTML+CSS+jQuery進行開發，採用flex彈性盒模型進行頁面佈局，使用jQuery發送AJAX與後臺進行數據交互，動態渲染頁面，以及實現一些小的動態效果。後端採用開源PHP，DEDECMS系統，數據庫採用MySQL。

崗位職責：1）根據UI設計稿，使用HTML5/CSS3還原網頁。  2）製做頁面模板，方便後續數據更新。  3）使用jQuery與用戶進行簡單的交互。