前端web開發(fā)工程師簡歷-項(xiàng)目經(jīng)驗(yàn)怎么寫【范文】

時(shí)間：2023-05-30 14:33:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-05-30 14:33:02 來源：網(wǎng)站運(yùn)營

前端web開發(fā)工程師簡歷-項(xiàng)目經(jīng)驗(yàn)怎么寫【范文】：

【網(wǎng)盤】100+清新大方個(gè)人簡歷模板下載

https://zhuanlan.zhihu.com/p/602412040

https://zhuanlan.zhihu.com/p/113302799

【下載】優(yōu)質(zhì)個(gè)人簡歷模板+求職攻略

---

前端軟件開發(fā)工程師簡歷-項(xiàng)目經(jīng)驗(yàn)范文（案例1）

項(xiàng)目時(shí)間：2017-03到2017-01

項(xiàng)目名稱：音樂網(wǎng)站

項(xiàng)目描述：

項(xiàng)目介紹

該項(xiàng)目是一款在線聽歌的音樂網(wǎng)站，項(xiàng)目主體分為首頁的推薦歌單頁面，注冊頁，登錄頁，排行榜單頁，搜索頁，歌手頁，不同歌單的詳情模塊，歌手詳情模塊，歌曲播放等模塊。此項(xiàng)目中主要負(fù)責(zé)推薦歌單頁、歌手頁、排行榜單頁、歌單詳情頁。

我的職責(zé)

1.主要運(yùn)用Vue框架，實(shí)現(xiàn)了視圖層和模型層的分離；

2.通過Ｖue省去了復(fù)雜的節(jié)點(diǎn)查詢，實(shí)現(xiàn)了雙向數(shù)據(jù)綁定,降低頁面維護(hù)難度；

3.使用了Jsonp進(jìn)行跨域請求,使用了axios進(jìn)行AJAX請求

4.推薦歌單頁面,歌手頁,排行榜單頁等都是采用v-for來循環(huán)遍歷實(shí)現(xiàn)的；

5.使用better-scroll實(shí)現(xiàn)推薦頁面輪播效果；

Leon：【立即下載】100+清新大氣簡歷模板下載

前端web開發(fā)工程師簡歷-項(xiàng)目經(jīng)驗(yàn)范文（案例2）

項(xiàng)目：騰訊管家前端動(dòng)畫

作品描述：該項(xiàng)目將一個(gè)完整flash劇情動(dòng)畫還原成一個(gè)由JS+CSS3實(shí)現(xiàn)的前端動(dòng)畫。

鏈接：https://dxb123456.github.io/tengxun/

實(shí)現(xiàn)技術(shù)：CSS+HTML+JS+H5+CSS3+jqury；

項(xiàng)目難點(diǎn)：

1.定時(shí)器的清除

部分動(dòng)畫效果需要js自動(dòng)生成，時(shí)間的控制使用了timeout和innertal，其中timerout包含了innertal，點(diǎn)擊事件和定時(shí)器不在同一個(gè)js文件中，快速來回點(diǎn)擊的時(shí)候，定時(shí)器清除不起作用。

解決方案：將該li對應(yīng)頁的所有定時(shí)器綁定在該li身上，每次點(diǎn)擊的時(shí)候清除timeout和innertal。

2.帶陰影折線運(yùn)動(dòng)處理

對于傾斜的div通過js改變其高度，并且按照數(shù)學(xué)邏輯改變top和left值的情況下，div在運(yùn)動(dòng)時(shí)候會(huì)出現(xiàn)偏移，和抖動(dòng)。

解決方案：給div一個(gè)運(yùn)動(dòng)基準(zhǔn)點(diǎn)，這樣div在運(yùn)動(dòng)的時(shí)候就無需改變top和left值，只需要改變寬度或高度即可。

3.拋物線的運(yùn)動(dòng)

css中兩個(gè)點(diǎn)運(yùn)動(dòng)都是直線運(yùn)動(dòng)。

解決方案：給初始點(diǎn)一個(gè)旋轉(zhuǎn)角度，這樣看起來就有拋物線的感覺。

4.遮罩層處理

在多層級的html渲染中，中間圖層的遮罩效果無法實(shí)現(xiàn)。

解決方案：遮罩層可以在最底層使用，但是中間層級的遮罩效果需要對圖片進(jìn)行處理，改成png圖片，再進(jìn)行css操作。

5.卡頓的處理

在Firefox和ie中，小圖標(biāo)的緩慢移動(dòng)效果會(huì)出現(xiàn)卡頓。

解決方案：給運(yùn)動(dòng)時(shí)間的時(shí)候，判斷如果不是chrome瀏覽器，減小運(yùn)動(dòng)時(shí)間。

6.性能的優(yōu)化

圖片的使用讓動(dòng)畫加載的速度變慢，影響用戶體驗(yàn)。

解決方案：對部分能使用div代替的圖片采用div生成，對代碼，圖片進(jìn)行深度壓縮上傳等。

前端web軟件工程師簡歷-項(xiàng)目經(jīng)驗(yàn)范文（案例3）

項(xiàng)目時(shí)間：2017-02到2013-12

項(xiàng)目名稱：語義平臺(tái)系統(tǒng)

項(xiàng)目描述：

該項(xiàng)目為 公司的產(chǎn)品的功能及使用平臺(tái) ，因?yàn)楣井a(chǎn)品較多 而且分散的比較雜， 不方便購買者查找及分享 所以 將所有的功能 技能 分享等等集中到一個(gè)語義平臺(tái)上 方便粉絲們交流分享學(xué)歷

我的職責(zé)

1. 根據(jù)UI設(shè)計(jì)師提供的設(shè)計(jì)圖，寫好靜態(tài)頁面，頁面排版

2. 使用JavaScript實(shí)現(xiàn)頁面效果

3. 與后臺(tái)工作人員實(shí)現(xiàn)數(shù)據(jù)交互

4. 解決各大瀏覽器的兼容問題

5. 與ui 產(chǎn)品經(jīng)理等同事交流 提出可行性的建議和實(shí)施方法

---