の地止：

www.888it.top

第1章 課程概覽（知彼知己，百戰(zhàn)不殆）?試看6 節(jié) | 14分鐘

• 本章采用理論方式，整體介紹課程及課程項目。說明課程核心技術(shù)棧是什么，使用的周邊技術(shù)棧有哪些，并說明技術(shù)儲備要求（需要具備HTML、CSS、JS(ES6)、TS、Vue基礎(chǔ)知識）。介紹學(xué)習(xí)本課程可以提升的能力及掌握的經(jīng)驗技巧和課復(fù)制的技術(shù)解決方案。...

  收起列表

• 視頻：1-1 為什么這門課值得你學(xué)習(xí)？ (03:34)試看

• 視頻：1-2 你能收獲什么體量的項目作品？ (05:27)

• 視頻：1-3 你需要具備什么樣的知識儲備？ (01:47)

• 視頻：1-4 你能提升哪些能力以及技巧？ (01:31)

• 視頻：1-5 學(xué)習(xí)建議與學(xué)習(xí)目標(biāo) (01:27)

• 圖文：1-6 希望你閱讀的課程說明

• 第2章 開發(fā)前的準(zhǔn)備工作（磨刀不誤砍柴工）?試看5 節(jié) | 20分鐘

  本章采用理論+實操的方式，講解如何根據(jù)項目需求分析結(jié)果，設(shè)計需求解決方案、根據(jù)業(yè)務(wù)邏輯分析，設(shè)計業(yè)務(wù)邏輯解決方案以及技術(shù)選型和方案設(shè)計。

  收起列表

• 視頻：2-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (04:59)試看

• 視頻：2-2 項目需求分析：需求解決方案設(shè)計 (04:02)

• 視頻：2-3 業(yè)務(wù)邏輯分析：業(yè)務(wù)邏輯設(shè)計 (05:15)

• 視頻：2-4 技術(shù)選型分析：技術(shù)解決方案設(shè)計 (05:00)

• 視頻：2-5 本章總結(jié)：溫故知新 (00:38)

• 第3章 開發(fā)環(huán)境初始化（工欲善其事必先利其器）9 節(jié) | 13分鐘

  本章采用實操方式，逐步使用最新流行技術(shù)棧vite構(gòu)建vue3+ts的項目開發(fā)環(huán)境，并且集成Vue狀態(tài)管理插件Pinia和存儲工具庫VueUse以及Vant3 UI組件庫。

  收起列表

• 視頻：3-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (01:01)

• 視頻：3-2 vite+vue3+ts構(gòu)建項目環(huán)境 (03:49)

• 圖文：3-3 【自我修煉】閱讀Pinia文檔，學(xué)習(xí)Pinia知識

• 視頻：3-4 集成pinia：新一代狀態(tài)管理插件 (04:37)

• 圖文：3-5 【自我修煉】閱讀VueUse文檔，學(xué)習(xí)VueUse知識

• 視頻：3-6 集成VueUse：Composition API常用工具集(JS API響應(yīng)技術(shù)) (01:32)

• 視頻：3-7 集成Vant 3UI：輕量的移動端組件庫 (01:04)

• 圖文：3-8 【集思廣益】你在集成環(huán)境中遇到了什么問題？如何解決的？

• 視頻：3-9 本章總結(jié)：溫故知新 (00:31)

• 第4章 項目框架搭建（掌握可復(fù)用的技術(shù)解決方案）18 節(jié) | 224分鐘

  本章采用理論+實操的方式，設(shè)計開發(fā)企業(yè)常見的、可復(fù)用的技術(shù)解決方案。主要包括：組件抽離與開發(fā)解決方案、基于token接口鑒權(quán)解決方案、前后端分離技術(shù)解決方案等等。

  收起列表

• 視頻：4-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (01:18)

• 視頻：4-2 企業(yè)項目模塊化結(jié)構(gòu)設(shè)計：頁面結(jié)構(gòu)梳理 (06:37)

• 視頻：4-3 企業(yè)項目模塊化結(jié)構(gòu)設(shè)計：頁面結(jié)構(gòu)創(chuàng)建 (05:40)

• 視頻：4-4 企業(yè)項目模塊化結(jié)構(gòu)設(shè)計：頁面間的路由跳轉(zhuǎn)設(shè)計 (13:02)

• 視頻：4-5 API接口調(diào)用設(shè)計：前后端分離技術(shù)解決方案設(shè)計與實現(xiàn) (16:44)

• 視頻：4-6 企業(yè)項目模塊化結(jié)構(gòu)設(shè)計：靜態(tài)UI資源與適配設(shè)計 (09:43)

• 視頻：4-7 公共組件設(shè)計：公共組件梳理 (03:00)

• 視頻：4-8 公共組件設(shè)計：底部導(dǎo)航公共組件 (14:35)

• 視頻：4-9 公共組件設(shè)計：任務(wù)列表公共組件 (26:16)

• 視頻：4-10 公共組件設(shè)計：合約列表公共組件 (19:22)

• 視頻：4-11 公共組件設(shè)計：消息列表公共組件 (13:14)

• 視頻：4-12 公共組件設(shè)計：人才列表公共組件 (22:35)

• 視頻：4-13 登錄及權(quán)限控制：登錄頁面組件開發(fā)與實現(xiàn)-1 (19:15)

• 視頻：4-14 登錄及權(quán)限控制：登錄頁面組件開發(fā)與實現(xiàn)-2 (05:45)

• 視頻：4-15 登錄及權(quán)限控制：登錄頁面組件開發(fā)與實現(xiàn)-3 (10:43)

• 視頻：4-16 登錄及權(quán)限控制：登錄頁面組件開發(fā)與實現(xiàn)-4 (26:20)

• 視頻：4-17 登錄及權(quán)限控制：登錄頁面組件開發(fā)與實現(xiàn)-5 (08:12)

• 視頻：4-18 本章總結(jié)：溫故知新 (01:12)

• 第5章 人才端-"任務(wù)"基礎(chǔ)模塊（掌握Vue+TS開發(fā)組件的技巧）17 節(jié) | 187分鐘

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)Banner組件、城市列表組件、職位列表組件、條件篩選組件、任務(wù)詳情組件和任務(wù)來源組件開發(fā)。掌握基于Vue+TypeScript開發(fā)組件的技巧。

  收起列表

• 視頻：5-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (02:22)

• 視頻：5-2 基于組件化思想拆分任務(wù)頁組件 (21:09)

• 視頻：5-3 城市列表：設(shè)計與實現(xiàn)城市列表頁組件及數(shù)據(jù)渲染 (16:19)

• 視頻：5-4 城市切換：城市切換功能邏輯設(shè)計與實現(xiàn) (06:49)

• 視頻：5-5 Banner圖：基于Swiper開發(fā)常見的Banner特效 (07:04)

• 圖文：5-6 【舉一反三】請完成Vue+TS開發(fā)輪播圖組件

• 視頻：5-7 職位類型：設(shè)計與實現(xiàn)職位分組列表組件及數(shù)據(jù)渲染 (14:34)

• 視頻：5-8 職位選擇：職位選擇功能邏輯設(shè)計與實現(xiàn) (05:01)

• 視頻：5-9 篩選頁：設(shè)計與實現(xiàn)篩選項組件及數(shù)據(jù)渲染 (17:41)

• 視頻：5-10 篩選條件：篩選條件切換功能邏輯設(shè)計與實現(xiàn) (05:10)

• 圖文：5-11 【舉一反三】基于Vue實現(xiàn)多條件篩選功能

• 視頻：5-12 任務(wù)列表分頁、下拉刷新、加載更多功能實現(xiàn)-1 (25:46)

• 視頻：5-13 任務(wù)列表分頁、下拉刷新、加載更多功能實現(xiàn)-2 (03:34)

• 視頻：5-14 任務(wù)詳情頁：基于組件化思想設(shè)計與實現(xiàn)詳情頁組件及數(shù)據(jù)渲染-1 (15:28)

• 視頻：5-15 任務(wù)詳情頁：基于組件化思想設(shè)計與實現(xiàn)詳情頁組件及數(shù)據(jù)渲染-2 (23:14)

• 視頻：5-16 任務(wù)來源頁：基于組件化思想設(shè)計與實現(xiàn)來源頁組件及數(shù)據(jù)渲染 (20:08)

• 視頻：5-17 本章總結(jié)：溫故知新 (02:11)

• 第6章 人才端-"任務(wù)"搜索模塊（掌握通用型復(fù)雜搜索功能的解決方案）7 節(jié) | 45分鐘

  本章采用實操的方式，使用Vue（雙向數(shù)據(jù)綁定）和TypeScript，實現(xiàn)模糊匹配、歷史搜索記錄及刪除、熱門搜索詞渲染、搜索列表組件及路由跳轉(zhuǎn)。掌握各類商業(yè)項目中復(fù)雜的搜索功能。

  收起列表

• 視頻：6-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (01:52)

• 視頻：6-2 搜索頁：常見復(fù)雜搜索功能的邏輯設(shè)計與實現(xiàn) (14:54)

• 視頻：6-3 歷史搜索：歷史搜索記錄&刪除功能的邏輯設(shè)計與實現(xiàn) (07:24)

• 視頻：6-4 熱門搜索：基于組件化思想設(shè)計與實現(xiàn)熱詞組件及數(shù)據(jù)渲染 (05:04)

• 視頻：6-5 搜索結(jié)果：基于組件化思想設(shè)計與實現(xiàn)搜索列表組件及數(shù)據(jù)渲染 (13:10)

• 圖文：6-6 【集思廣益】結(jié)合課程，梳理搜索功能開發(fā)思路和技巧

• 視頻：6-7 本章總結(jié)：溫故知新 (01:55)

• 第7章 人才端-"合約"模塊（掌握Vue+TS渲染多狀態(tài)數(shù)據(jù)的技巧）9 節(jié) | 88分鐘

  本章采用實操的方式，使用Vue（指令、全局注冊）和TypeScript開發(fā)Tab切換組件，及集合Axios實現(xiàn)多狀態(tài)列表數(shù)據(jù)渲染。掌握基于Vue+TypeScript+Axios多狀態(tài)數(shù)據(jù)渲染技巧。

  收起列表

• 視頻：7-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (01:42)

• 視頻：7-2 合約列表：基于Vue實現(xiàn)常見的Tab切換組件 (11:29)

• 視頻：7-3 多狀態(tài)合約列表數(shù)據(jù)渲染邏輯設(shè)計與實現(xiàn) (12:43)

• 視頻：7-4 引用vant3下拉刷新第一次不出現(xiàn)加載狀態(tài)解決方案 (06:55)

• 視頻：7-5 多狀態(tài)合約詳情數(shù)據(jù)渲染邏輯設(shè)計與實現(xiàn)-1 (10:32)

• 視頻：7-6 多狀態(tài)合約詳情數(shù)據(jù)渲染邏輯設(shè)計與實現(xiàn)-2 (10:50)

• 視頻：7-7 多狀態(tài)合約進度數(shù)據(jù)渲染邏輯設(shè)計與實現(xiàn) (14:21)

• 視頻：7-8 基于指令的方式實現(xiàn)全局注冊：避免操作項重復(fù)執(zhí)行 (15:52)

• 視頻：7-9 本章總結(jié)：溫故知新 (02:55)

• 第8章 人才端-"消息"模塊（掌握輪詢在企業(yè)項目中的巧妙用法）?16 節(jié) | 131分鐘

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)通知列表組件、通知詳情組件、對話列表組件、對話詳情組件開發(fā)；并且結(jié)合輪詢技術(shù)實現(xiàn)消息對話。

  收起列表

• 視頻：8-1 本章概覽：帶著目標(biāo)學(xué)習(xí) (01:58)

• 視頻：8-2 通知列表：新消息通知數(shù)量紅點技術(shù)方案設(shè)計與實現(xiàn) (07:29)

• 視頻：8-3 通知列表：多種類型系統(tǒng)消息列表數(shù)據(jù)渲染邏輯設(shè)計與實現(xiàn) (10:23)

• 視頻：8-4 通知詳情：多種類型系統(tǒng)消息處理技術(shù)方案設(shè)計與實現(xiàn) (03:59)

• 視頻：8-5 對話列表：會跳動的消息對話列表邏輯設(shè)計與實現(xiàn) (11:10)

• 視頻：8-6 對話詳情：基于輪詢方式通信技術(shù)實現(xiàn)消息對話-1 (14:03)

• 視頻：8-7 對話詳情：基于輪詢方式通信技術(shù)實現(xiàn)消息對話-2 (12:51)

• 視頻：8-8 對話詳情：常用語選擇列表功能設(shè)計與實現(xiàn)-1 (12:01)

• 視頻：8-9 對話詳情：常用語選擇列表功能設(shè)計與實現(xiàn)-2 (05:27)

• 視頻：8-10 對話詳情：常用語添加功能設(shè)計與實現(xiàn) (10:58)

• 視頻：8-11 對話詳情：常用語管理功能設(shè)計與實現(xiàn)-1 (14:52)

• 視頻：8-12 對話詳情：常用語管理功能設(shè)計與實現(xiàn)-2 (10:29)

• 視頻：8-13 對話詳情：常用語emoji符號表情功能設(shè)計與實現(xiàn) (07:05)

• 視頻：8-14 對話詳情：對話聊天消息發(fā)送邏輯實現(xiàn) (05:07)

• 圖文：8-15 【集思廣益】你還知道哪些即時通訊的技術(shù)？有什么優(yōu)劣勢？

• 視頻：8-16 本章總結(jié)：溫故知新 (02:47)

• 第9章 人才端-"我的"基礎(chǔ)信息模塊（掌握Vue+TS開發(fā)文本回填功能的技巧）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)個人信息組件、設(shè)置組件、收藏組件及收藏詳情組件的開發(fā)；并且基于數(shù)據(jù)回填技術(shù)實現(xiàn)富文本編寫功能。掌握數(shù)據(jù)回填及本編輯邏輯開發(fā)技巧。

• 第10章 人才端-"我的"任務(wù)管理模塊（掌握Vue+TS+Vant3綜合應(yīng)用技巧）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)我的賬戶組件、介紹說明組件、Tab切換組件開發(fā)，并且結(jié)合Axios實現(xiàn)多狀態(tài)數(shù)據(jù)渲染，以及結(jié)合vant3的form表單實現(xiàn)金額提現(xiàn)功能。掌握Vue+TypeScript+Vant3開發(fā)提現(xiàn)功能的技巧。

• 第11章 人才端-"我的"簡歷模塊（掌握Vue+TS+Vant3+VueUse綜合應(yīng)用）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)簡歷模板組件開發(fā)及富文本編寫功能；結(jié)合vant3（DatetimePicker、Checkbox、下拉列表、自定義）實現(xiàn)時間選擇器、服務(wù)類型選擇器、服務(wù)價格選擇器、技能設(shè)置選擇器、學(xué)歷設(shè)置選擇器，并且基于VueUse中的useLocalStorage持久化到本地存儲中。最后結(jié)合localstorage本地存儲實現(xiàn)簡...

• 第12章 人才端-"我的"合約模塊（掌握Vue+TS組件復(fù)用技巧）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)全部合約組件開發(fā)及使用Axios實現(xiàn)數(shù)據(jù)渲染。基于組件化及組件復(fù)用思想，快速實現(xiàn)多狀態(tài)合約列表組件及列表數(shù)據(jù)渲染。

• 第13章 人才端-"我的"實名認(rèn)證模塊（掌握可復(fù)用的圖片上傳解決方案）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)實名認(rèn)證組件、認(rèn)證狀態(tài)組件開發(fā)，并且實現(xiàn)身份證圖片上傳功能。掌握Vue+TypeScript實現(xiàn)圖片上傳功能的方法與技巧。

• 第14章 人才端-"我的"客戶經(jīng)理&意見反饋模塊（掌握Vue+TS開發(fā)文本回填技巧）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)意見反饋組件和專屬客戶經(jīng)理組件開發(fā)，并結(jié)合Pinia實現(xiàn)彈窗功能、結(jié)合vue-clipboard3實現(xiàn)復(fù)制功能以及結(jié)合formData實現(xiàn)圖片上傳功能。掌握本文本編寫及復(fù)制的開發(fā)技巧。

• 第15章 人才端-"我的"身份切換模塊（掌握可復(fù)用的身份切換功能解決方案）內(nèi)容更新中

  本章采用實操的方式，使用Vue和TypeScript實現(xiàn)身份切換組件，并結(jié)合Vant3（Dialog、form表單）實現(xiàn)身份提示彈窗組件及身份切換功能。掌握可復(fù)用的身份切換功能開發(fā)技巧。