前端簡歷:如何寫項目經歷(經驗)找出細節點和重難點,輕松應對面試?

(下面內容:我將結合我的實際項目帶大家進行每一步驟的梳理)

項目經歷-堂食外送點餐 2022年2月-2022年5月?

項目描述:該平臺提供外送訂餐服務,用戶可以在手機中輕松地瀏覽菜品、下單、支付、編輯地址、填寫個人信息等,我主要負責首頁、訂單、我的這3個功能/模塊。【以下圖片進行展示該項目】

300e231d04904fd09d69f786a6d3ff1f.png

?

Q1:如何寫項目描述?

答:我們可以從以下幾個方面進行回答:是什么(內容)+作用/功能+我主要負責xxx模塊/功能。

?

技術棧:Amfe-flexible+Axios+Core-js+Less+Less-loader+Mockjs+Postcss-pxtorem+Vant+Vue+Vue-router+Vuex

Q2:如何找出項目里面運用的技術棧?

答:我們可以直接去package.json文件的dependencies 中的依賴包里看安裝了哪些包,把這些包的名稱羅列出來即可。但前提是我們得懂package.json文件里每部分里面的內容是什么,才可準確找出所使用技術棧。【溫馨提示:.json文件里不能寫注釋,會標號報錯,但我以下注釋為了方便大家直接理解package.json文件的內容,你們自己梳理的時候可以直接使用.md文件來進行梳理即可】

a69aa6aef3a345df9f7fa4100b3b225b.png

31db5ff9c9474932948b89be4a78ab50.png?

3b12810cb611486fac478dc5014b69e3.png?

Q3:當我們理解完package.json文件后,大家知道要去哪里找我們需要的技術棧呢?

09d79be9f6dc4a44aca37f12fd2a84d1.png?

Q4:dependencies和devDependencies兩個對象中包含的所有技術都要寫嗎?有什么區別?

答:(1)我的建議:在簡歷中的項目模塊寫技術棧時,通常情況下只寫 dependencies 中的依賴包,因為它們才是項目運行所必需的核心技術棧。devDependencies 中的依賴包,雖然也是項目開發中用到的重要工具,但它們更多是開發輔助性質的,不應該作為核心技術棧寫在簡歷上。

區別:(了解)

依賴類型:

dependencies: 這里列出的是項目在運行時需要的依賴包,也就是項目打包后必須包含的依賴。

devDependencies: 這里列出的是項目在開發階段需要的依賴包,但在打包時并不需要包含在最終的應用中。

使用場景:

dependencies: 這些依賴包會隨著應用一起部署和運行,是項目必需的組件。

devDependencies: 這些依賴包只在開發環境中使用,比如代碼檢查工具、構建工具等。

打包影響:

dependencies: 這些依賴包會被包含在最終的應用包中,增加應用的體積。

devDependencies: 這些依賴包不會被包含在最終的應用包中,不會增加應用的體積。

項目職責:

1、使用vue/cli搭建項目,配合Vant組件庫完成相關頁面布局和需求。?

2、使用組件化和模塊化的開發模式并使用vue框架來構建項目,如首頁、購物、訂單、我的。?

3、使用 PostCSS 和 amfe-flexible 可以實現彈性布局和 rem 單位的轉換,進行移動端適配。?

4、使用isAuth屬性控制路由權限并使用import函數懶加載路由,提高性能。?

5、使用客戶端的localstorage緩存用戶信息和登錄信息,提高性能。?

6、抽離公共組件,如Empty.vue、Footer.vue、Header.vue、ListItem.vue等。?

7、完成axios的二次封裝,便于獲取axios請求的配置信息。?

8、注重用戶體驗:采用 webpack 打包提前緩存圖片、圖標等靜態資源,使用下拉刷新和滾動動?

畫,采用響應式布局,不同設備有良好的視覺效果。?

9、設置攔截器,統一獲取響應成功數據并失敗的請求和響應并做出提示。

?

?

?

?

?

?

?

?

?

?

?

Q5:如何找項目職責(重難點/細節)?

答:(1)看頁面:先運行項目看頁面:

109cd72d0041479bbd96e6dda84009be.png

?

先看重復通用的頁面或功能:使用截圖或文件的方式進行梳理標記。

Eg:天天神券、減配送費、點評高分、會員滿減下面都是展示相關商品:左邊商品圖片+右邊商品基本信息:名稱、銷量、價格、標簽

再看獨特的頁面或功能:使用截圖或文件的方式進行梳理標記。

Eg:登錄、注冊、地址管理這些頁面都是比較獨特

看代碼:打開項目代碼:

495863250ed842b6af8e2764e90ff904.png

?4c78fc9887e24e46a507e014af34677c.png

?

先整體看每個文件是什么、有什么作用以及文件之間有無聯系。

3f1d3a30bec54cf7b23da99f5977baa1.png

?

再細看某些文件(比如src文件包含整個項目的核心源代碼)里面的代碼邏輯,明白實現什么功能,并對其進行分點梳理。

8373de583d824c5e9dac420cb47b68c0.png

2dce058b7e6b4ac2a4ed6a4f15bc2ac7.png?

Q6:如何篩選出寫在簡歷上的點呢?

答:如果你們按照上述步驟梳理的話應該會在文檔里梳理出很多關于該項目的點,你們應該很困惑,這么多點都要寫在簡歷上嗎?那對于HR簡直就是災難!所以此時我們就可以根據自己實際掌握情況和工作招聘要求做減法,篩選出最符合的10個點(因人而異)在簡歷上一一進行展示即可。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/43070.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/43070.shtml
英文地址,請注明出處:http://en.pswp.cn/web/43070.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

手擼俄羅斯方塊——游戲設計

手擼俄羅斯方塊——游戲設計 概述 上一章我們介紹俄羅斯方塊的基本信息,包括坐標點和方塊的基本概念,這一章節我們繼續介紹如何完成后續的游戲設計。 組成游戲的基本要素 俄羅斯方塊作為一個 2D 的平面游戲,我們可以將整個參與元素做如下…

簡過網:工程專業最吃香的6個證書,你考了幾個了?

工程專業最吃香的6個證書,你考了幾個了?我們一起來看看吧! 1、二級建造師 報考條件:工程類大專及以上學歷/從事相關職業 考試時間:3月報名、6月考試 就業前景:建筑設計院、房產開發公司、施工單位 2、一…

如何管理一百個ai專家智能體——ai調度系統設計

前言 如果你用過openai的chatgpt服務,你肯定知道一個叫做GPTs的智能體商店,里面提供了大量的來自官方和個人制作的專門針對某個領域的gpt助手。比如,你想讓gpt幫忙寫文章,并且要能夠寫得好,你就可以在商店中搜索相關的…

【C語言】符號優先級詳解

C語言符號優先級詳細解析 在C語言中,不同的運算符具有不同的優先級和結合性,這決定了在表達式中運算符的計算順序。理解這些優先級和結合性是正確編寫和理解C語言程序的基礎。本文將詳細解析C語言中的符號優先級,包括各類運算符的優先級、結…

Smail語句如何使用判斷語句跳過驗證卡密界面?談談思路

🏆本文收錄于《CSDN問答解惑》專欄,主要記錄項目實戰過程中的Bug之前因后果及提供真實有效的解決方案,希望能夠助你一臂之力,幫你早日登頂實現財富自由🚀;同時,歡迎大家關注&&收藏&…

數據融合工具(5)面中心線提取

這是一個重磅工具,建議先看視頻。 提取中心線 一、需求背景 說真的,當小編第一次使用ArcGIS中的Polygon To Centerline工具提取面要素中心線時,激動得無以言表,畢竟,以前要提取面中心線,是一件非常麻煩的事…

uniapp圖片壓縮之后在上傳

壓縮圖片js方法,新建imgPress.js /** * H5壓縮 二分查找算法來找到一個合適的圖像質量系數,使得壓縮后的圖片文件大小接近于目標大小* param {Object} imgSrc 圖片url * param {Object} callback 回調設置返回值 * */ export function compressH5(fileI…

nginx熱更新詳解及實戰操作

Nginx熱更新,也被稱為平滑升級或熱部署,是指在不中斷Nginx服務的情況下,對Nginx進行升級或更新其配置,以實現業務的無損和用戶無感知的升級過程。以下是關于Nginx熱更新的詳細解釋: 一、Nginx熱更新的原理 Nginx熱更…

Kubernetes APIServer 幾種基本認證方式

"認證",形象地理解就是"你是誰"。在上文中,用戶A在發起API請求時,管理員如何道該請求是用戶A發起的呢?所以,客戶端在發起API請求時,必須要攜帶一個身份信息來表明"我是誰"&a…

泰勒公式中拉格朗日余項和佩亞諾余項的區別及具體的應用場景案例

泰勒公式是微積分中的一個重要工具,用于將一個函數在某一點附近展開成多項式形式,以便于近似計算和分析。泰勒公式的一般形式為: f ( x ) f ( a ) f ′ ( a ) ( x ? a ) f ′ ′ ( a ) 2 ! ( x ? a ) 2 ? f ( n ) ( a ) n ! ( x ? a…

[CTF]-PWN:House of Cat堆題型綜合解析

原理: 調用順序: exit->_IO_wfile_jumps->_IO_wfile_seekoff->_IO_switch_to_wget_mode _IO_wfile_seekoff源碼: off64_t _IO_wfile_seekoff (FILE *fp, off64_t offset, int dir, int mode) {off64_t result;off64_t delta, new…

AI繪畫小白必備!Stable Diffusion常用插件合集,好用推薦!(附插件下載)

前言 寶子們,早上好啊~Stable Diffusion 常用插件,月月已經給大家整理好了,自取就好。 擁有這些SD常用插件,讓您的圖像生成和編輯過程更加強大、直觀、多樣化。以下插件集成了一系列增強功能,覆蓋從自動補全提示詞到…

開源項目:驅動創新與協作的時代引擎

《開源項目:驅動創新與協作的時代引擎》 在當今全球經濟與科技環境瞬息萬變的背景下,開源軟件項目如同一顆璀璨的新星,在開發者社區的天空中熠熠生輝。其蓬勃發展的態勢不僅成為了熱門話題,更是引領著技術領域的變革潮流。 開源…

無法訪問。你可能沒有權限使用網絡資源。請與這臺服務器的管理員聯系以查明你是否有訪問權限。【解決辦法】

問題描述 新建好一臺windows虛擬機,兩臺設備網絡是互通的,但是物理機在訪問虛擬機的網絡共享文件資源時,出現圖下所示的報錯:XXX無法訪問。你可能沒有權限使用網絡資源。請與這臺服務器的管理員聯系以查明你是否有訪問權限。用戶…

echarts無法加載Map地圖的問題

項目場景: echarts無法加載Map地圖的問題 詳情 查閱相關資料講,echarts4.9以上版本已經移除了map,那么我們就得重新打包echarts文件了。打包echarts.min.js的鏈接:https://echarts.apache.org/zh/builder.html 在這個鏈接頁面可…

考完軟考之后,如何評職稱?是否有有效期?

一、軟考和職稱之間的關系 軟考和職稱之間的關系可以這樣理解:拿到軟考證書并不意味著就能獲得職稱。軟考證書是技術等級證書,而職稱則是一種資格。如果單位聘用你做工程師,那么你的軟考證書就可以發揮作用,相當于獲得了職稱證。…

單商戶和多商戶的區別

單商戶商城通常由單個企業或品牌運營,專注于銷售自家產品,而多商戶商城則類似于一個平臺,允許多個商家入駐并銷售各自的商品。它們在經營模式、商家入駐和運營投入等方面有所不同。具體分析如下: 經營模式 單商戶商城&#xff1…

MES:連接計劃與執行的橋梁

想象一下,你的企業擁有一份完美的生產計劃,但如何將這份計劃準確無誤地轉化為實際生產中的每一步操作?這就是MES大展身手的地方。MES作為ERP(企業資源計劃)與車間自動化控制之間的橋梁,確保生產計劃能夠順暢…

hf-mirror (huggingface 的國內鏡像)

官網: https://hf-mirror.com/ 網站域名 hf-mirror.com,用于鏡像 huggingface.co 域名。作為一個公益項目,致力于幫助國內AI開發者快速、穩定的下載模型、數據集。 如何使用HF-Mirror 方法一:網頁下載 在https://hf-mirror.com/…

邊框插畫:成都亞恒豐創教育科技有限公司

邊框插畫:藝術與生活的精致邊界 在視覺藝術的廣闊天地里,邊框插畫以其獨特的魅力和細膩的表達方式,成為連接藝術與生活的一道精致邊界。成都亞恒豐創教育科技有限公司它不僅僅是圖像的外框裝飾,更是情感、故事與創意的延伸&#…