第28章
【第三階段】2周刷完100道前端優質面試真題 ：知識深度 - 原理和源碼
來源課程:
前端面試全家桶，從求職準備到面試演...
大廠面試會通過各種難題來試探你的技術深度，評估你的技術發展潛力，這是入職后確定級別、薪資的重要參考。所以，技術深度將決定你的“錢途”。本章將通過多個面試題，講解前端面試常考的底層原理問題，涉及 JS Vue React Nodejs 等。
- 28-1 -Vue2和Vue3和React三者的diff 算法有什么區別
- 28-2 本章學前必看： 知識深度很重要
- 28-3 -開始-學習要點和注意事項
- 28-4 -JS內存垃圾回收用什么算法
- 28-5 -【連環問】JS閉包是內存泄漏嗎
- 28-6 -如何檢測JS內存泄漏
- 28-7 -JS內存泄漏的場景有哪些
- 28-8 -JS內存泄漏的場景有哪些-擴展-WeakMap和WeakSet
- 28-9 -瀏覽器和nodejs事件循環（Event Loop）有什么區別-瀏覽器
- 28-10 -瀏覽器和nodejs事件循環（Event Loop）有什么區別-nodejs
- 28-11 -虛擬DOM（vdom）真的很快嗎
- 28-12 -遍歷一個數組用for和forEach哪個更快
- 28-13 -nodejs如何開啟多進程，進程如何通訊-進程和線程的區別
- 28-14 -nodejs如何開啟多進程，進程如何通訊-使用child_process.fork方式
- 28-15 -nodejs如何開啟多進程，進程如何通訊-使用cluster方式
- 28-16 -請描述js-bridge的實現原理
- 28-17 -requestIdleCallback和requestAnimationFrame有什么區別
- 28-18 -Vue每個生命周期都做了什么
- 28-19 -Vue2和Vue3和React三者的diff 算法有什么區別
- 28-20 -Vue-router的MemoryHistory是什么
- 28-21 重點及注意事項總結
第6章
Vue3 學習（新）
來源課程:
前端框架及項目面試 聚焦Vue3/...
對 vue3 進行全面講解
- 6-1 Composition API 和 React Hooks 的對比
- 6-2 vue3 考點概述
- 6-3 vue3 對 vue2 有什么優勢
- 6-4 vue3 和 vue2 的生命周期有什么區別
- 6-5 如何理解Composition API和Options API
- 6-6 如何理解ref toRef 和 toRefs
- 6-7 toRef和toRefs如何使用
- 6-8 ref toRef和toRefs的最佳使用方式
- 6-9 為什么需要用 ref
- 6-10 為何ref需要value屬性
- 6-11 為什么需要toRef和toRefs
- 6-12 vue3升級了哪些重要功能
- 6-13 Composition API 如何實現邏輯復用
- 6-14 Vue3如何實現響應式
- 6-15 Proxy 基本使用
- 6-16 vue3用Proxy 實現響應式
- 6-17 v-model參數的用法
- 6-18 watch和watchEffect的區別
- 6-19 setup中如何獲取組件實例
- 6-20 什么是PatchFlag
- 6-21 什么是HoistStatic和CacheHandler
- 6-22 SSR和Tree-shaking的優化
- 6-23 Vite 為什么啟動非?？?
- 6-24 ES Module 在瀏覽器中的應用
- 6-25 Composition API 和 React Hooks 的對比
- 6-26 vue3考點總結
- 6-27 【任務】Composition API 給 Vue 帶來
- 6-28 【升級】Vue3和JSX-基本使用
- 6-29 【升級】Vue3和JSX-JSX和template的區別
- 6-30 【升級】Vue3和JSX-slot的一些問題
- 6-31 【升級】Vue3和JSX-使用JSX實現slot
- 6-32 【升級】Vue3和JSX-使用JSX實現作用域slot
- 6-33 【升級】Vue3-script-setup-基本使用-part1
- 6-34 【升級】Vue3-script-setup-屬性和事件
- 6-35 【升級】Vue3-script-setup-暴露組件信息defineExpose
第6章
Web前端工程師的認知與技術要求
來源課程:
讀懂IT行業的第一課-IT技術素養...
本章介紹了Web前端開發者職業發展和學習內容，包括不同等級工程師發展的能力要求、前端開發的技術范疇、學習步驟和學習內容、日常前端開發的工具和工作全流程、與同事協作的方法。介紹了Web網頁基礎知識，包括HTML、CSS、JS三大核心技術，瀏覽器兼容和頁面布局，Dom技術，Ajax。理解大規模前端開發涉及的工程化、組件化，熟悉常用開發必備的框架。最后展望了前端發展趨勢，了解大前端、微前端、低代碼平臺的概念和關鍵技術點。
- 6-1 主流前端框架詳解：React、Angular、Vue必備指南
- 6-2 前端學習指南：入門方法與學習策略
- 6-3 前端開發全流程詳解：從設計到上線
- 6-4 前端開發工具與Bug調試技巧大揭秘
- 6-5 HTML、CSS、JavaScript：前端三大核心技術精講
- 6-6 常用瀏覽器及內核，為什么要瀏覽器兼容
- 6-7 前端流行的布局方式，屏幕適配實戰技巧
- 6-8 ES、JS、TS關系梳理：前端語言的進化之路
- 6-9 DOM操作、事件處理與Ajax異步應用深入解析
- 6-10 前端高效開發之道：工程化、模塊化與組件化實踐
- 6-11 主流前端框架詳解：React、Angular、Vue必備指南
- 6-12 Node.js后端技術棧：前端開發的擴展領域
- 6-13 前端、后端、移動端、桌面端、小程序是什么
- 6-14 小程序開發實踐：從零到一構建你的應用
- 6-15 前端工程優化與發布流程：質量與效率的雙重保障
- 6-16 大前端趨勢展望：前端技術的未來發展
- 6-17 微前端架構探索：引領前端未來的新方向
- 6-18 大廠前端開發標準與流程揭秘
- 6-19 低代碼平臺：前端前沿開發模式探索
第17章
【第二階段】前端框架及項目面試：Vue3 學習
來源課程:
前端面試全家桶，從求職準備到面試演...
對 vue3 進行全面講解。
- 17-1 Composition API 和 React Hooks 的對比
- 17-2 vue3 考點概述
- 17-3 vue3 對 vue2 有什么優勢
- 17-4 vue3 和 vue2 的生命周期有什么區別
- 17-5 如何理解Composition API和Options API
- 17-6 如何理解ref toRef 和 toRefs
- 17-7 toRef和toRefs如何使用
- 17-8 ref toRef和toRefs的最佳使用方式
- 17-9 為什么需要用 ref
- 17-10 為何ref需要value屬性
- 17-11 為什么需要 toRef 和 toRefs
- 17-12 vue3 升級了哪些重要功能
- 17-13 Composition API 如何實現邏輯復用
- 17-14 Vue3如何實現響應式
- 17-15 Proxy 基本使用
- 17-16 vue3用Proxy 實現響應式
- 17-17 v-model參數的用法
- 17-18 watch和watchEffect的區別
- 17-19 setup中如何獲取組件實例
- 17-20 什么是PatchFlag
- 17-21 什么是 HoistStatic 和 CacheHandler
- 17-22 SSR和Tree-shaking的優化
- 17-23 Vite 為什么啟動非?？?
- 17-24 ES Module 在瀏覽器中的應用
- 17-25 Composition API 和 React Hooks 的對比
- 17-26 vue3考點總結
- 17-27 【任務】Composition API 給 Vue 帶來
- 17-28 【升級】Vue3和JSX-基本使用
- 17-29 【升級】Vue3和JSX-JSX和template的區別
- 17-30 【升級】Vue3和JSX-slot的一些問題
- 17-31 【升級】Vue3和JSX-使用JSX實現slot
- 17-32 【升級】Vue3和JSX-使用JSX實現作用域slot
- 17-33 【升級】Vue3-script-setup-基本使用-part1
- 17-34 【升級】Vue3-script-setup-屬性和事件
- 17-35 【升級】Vue3-script-setup-暴露組件信息defineExpose
第12章
【中級】Redux 狀態管理 - 復雜項目的數據管理形式
來源課程:
React18+ Nest.js ...
復雜項目必須使用狀態管理，React 有多種狀態管理方案，如 useContext useReducer Redux 和 MobX ，本章都會講解并對比，最終選擇 Redux 。即學即用，使用 Redux 存儲管理用戶數據。
- 12-1 介紹Redux-React世界最流行的狀態管理工具
- 12-2 什么是狀態管理，為何要用狀態管理
- 12-3 使用Context實現跨組件跨層級傳遞數據
- 12-4 學習使用useReducer-提前了解redux的概念
- 12-5 使用useReducer開發TodoList-定義initialState和reducer
- 12-6 使用useReducer開發TodoList-使用dispatch和action處理數據
- 12-7 使用Context和useReducer實現跨組件通訊-網上熱議的話題
- 12-8 介紹Redux-React世界最流行的狀態管理工具
- 12-9 使用Redux實現數字加減法-認識Reducer和Action
- 12-10 使用Redux實現數字加減法-使用useSelector和useDispatch
- 12-11 使用Redux實現TodoList-展示復雜數據結構的Reducer寫法
- 12-12 使用Redux實現TodoList-傳入Action時需帶PayLoad
- 12-13 Redux單項數據流-動圖體驗數據流轉過程
- 12-14 Redux開發者工具-方便跟蹤和調試
- 12-15 介紹MobX-可以像Vue一樣聲明式的修改數據
- 12-16 使用MobX開發TodoList-創建數據模型
- 12-17 使用MobX開發TodoList-數據的顯示和操作
- 12-18 使用Redux管理用戶信息-定義store和reducer
- 12-19 使用Redux管理用戶信息-使用useSelector獲取store數據
- 12-20 使用自定義Hook統一加載用戶信息，并存儲到redux中
- 12-21 根據用戶登錄狀態動態跳轉頁面-使用自定義Hook統一處理
- 12-22 章總結
第5章
LangChain能力全解讀，從入門到實踐：以研發內網知識庫為例
來源課程:
AI大語言模型 ChatGPT從0...
本章節我們將帶領學員使用 OpenAl 的 Embeddings 能力開發讀書助理應用，讓用戶可以與書籍進行對話。
- 5-1 -使用 ReAct 框架大幅提高 GPT 回復準確率
- 5-2 為什么使用Langchain-通過框架獲取結構化開發能力
- 5-3 -Langchain 的基礎組成-Components 到 module 架構的遷移
- 5-4 LangChain的基礎組成下-面向開發者更友好的新能力
- 5-5 -model&IO 模塊：構建端到端應用的基礎
- 5-6 -LangChain 開發環境搭建
- 5-7 -使用 PromptTemplate 高效生成 Prompt
- 5-8 -實操案例，定制入參動態生成 Prompt
- 5-9 -LangChain 支持豐富的大模型資源讓開發成本進一步降低
- 5-10 -在 LangChain 中為 ChatGPT 增加代理
- 5-11 -使用 LangChain 快速接入文心一言
- 5-12 -通過 Output Parser 獲得結構化 JSON 輸出
- 5-13 -通過 Parser 將獲得內容列表解析為結構化數組
- 5-14 -如何自動化處理解析失敗的問題
- 5-15 -通過 Data connection 生產原始消費數據
- 5-16 -通過 loader 快速實現文本解析和網頁爬蟲能力
- 5-17 -對加載的數據進行二次清洗和分割
- 5-18 -使用 LangChain 對文本進行向量轉換
- 5-19 -使用豐富的集成進行向量存儲
- 5-20 -使用 memory 實現向量檢索
- 5-21 -使用 supabase 實現向量存儲與查詢
- 5-22 -核心模塊 Chain 入門，使用文檔鏈輕松處理大文本場景
- 5-23 -核心模塊 Chain 入門-使用大模型驅動函數、API 調用、SQL 調用
- 5-24 -使用 OpenAI Function 進行應用指令封裝應用到智能家居
- 5-25 -意圖路由基礎-實現多 Prompt 動態選擇
- 5-26 -模塊集成-如何用十五行代碼實現 ChatPDF
- 5-27 -意圖路由應用-實現多數據源查詢
- 5-28 -意圖路由應用-企業內網知識庫檢索實現思路
- 5-29 -意圖路由應用-應用 Copilot 實現思路與 FIDL 概念
- 5-30 -使用多元的 Memory 模式讓 GPT 擁有上下文記憶
- 5-31 -agent 基礎概念與分類以及 GPT Function 獲取實時信息
- 5-32 -通過 Agent 計劃與執行任務
- 5-33 -使用 ReAct 框架大幅提高 GPT 回復準確率
直播