高级前端工程师(大前端)2026
课程详情
课程详情
全新打造“技术成长&职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”,递进式锤炼思维与高阶技能,高效实现能力跃迁,助力成为“驾驭全局,深广兼备,打通多端全栈”的高级工程师。
适合人群
- 1-3年初中级工程师
- 有过硬基础,毕业生或程序员
学习收获
- 打通前+后端闭环全栈实践能力
- 典型全栈项目架构设计+能力
- 主流核心前端技术栈融合能力
- 打造可复用的组件化解决方案
- 形成企业级前端效率模板库
- 运用DevOps全流程技术
- 全面了解uniapp生态技术与集成
- 小程序云开发方案uni-cloud及uni-admin
- 编程思想:理解OOP、FP、FRP编程,学习AOP编程
- 全栈编程:Nestjs类Spring前端框架落地应用
- 服务端视野:数据库、安全、性能、网络等
- 容器编排:kubernetes集群、运维技巧
- 架构思维:培养前端高级工程师架构能力
- 业务中间件:服务端开发常用中间件集成
- 通用服务端框架:对接企业级应用场景
- 架构升级:微服务架构落地实践,打造高可用高性能可扩展的业务系统
课程亮点
- 4大模块,11大阶段,递进式锤炼思维与高阶技能
- 极具商业价值的复杂项目,四端整合与落地
- 对标大厂全流程和主流解决方案,综合提升大型项目实战能力
- 以周为单位,高段位大前端系统养成
- 为保证课程内容紧跟市场变化,课程章节将逐步开放,直至课程完结
- 专属打造,助你更早成为前端高级工程师,摆脱现状
- 除了出色的视频内容,还有伴你整个技术生涯的“技术社区”
- 横向拓展,超全配套教辅资源;纵向延伸,源码开放更助知识理解
- 编程遇难点,名师来指点;疑难汇总一键查看,海量问答覆盖全面
- 多方位知识面,分层巩固吸收;学练结合,学习效果有保障
- 脱离时空限制,随记随查很方便;总结课程重点,分享提升代码经验
课程目录
00 资料
项目git
01 ts-tsup-starter.zip
02 el-admin-components.zip
03 nestjs-starter.zip
04 electron-tools.zip
05 pk-backend-nestjs.zip
06 nuxt-starter.zip
07 vue3-md.zip
08 uni-admin.zip
09 pk-front-vue3.zip
10 vitech-starter.zip
11 ts-unbuild-starter.zip
12 vite-vue-components-starter.zip
13 pk-front-nuxt3.zip
14 create-admin-vue3.zip
15 admim-template-monorepo.zip
16 admin-template-vue3.zip
17 react-sources.zip
18 pk-backend-nestjs2.zip
19 learn-vue-source.zip
20 unplugin-vue-router-demo.zip
21 uni-starter.zip
22 uniapp-vue3.zip
23 nestjs-microservice-app.zip
24 nestjs-microservice-gateway.zip
25 nestjs-microservice-user.zip
26 openapi-ts-demo.zip
27 pk-admin-vue3.zip
28 nx-remotecache-qiniu-monorepo.zip
29 lerna-monorepo-example-pnpm.zip
30 electron-quick-start.zip
31 ledge.zip
32 example2-webpack-rollup-buildcompare.zip
33 example1-webpack-v4-updateto-v5.zip
34 tapable-example.zip
35 vsext.zip
36 mock-vite-vue3-template.zip
37 clone-from-github.zip
38 vue3.3-new-feature-example.zip
39 vite-plugin-ssr-demo.zip
项目教辅
01 课程导学.pdf
02 第一周 PPT.pdf
03 ChatGPT介绍.pdf
04 JS 精通能力 前端技.pdf
05 程序员职业规划.pdf
06 开发工作流 不同项目.pdf
07 开发工作流及重要性.pdf
08 前端架构设计.pdf
09 Node.js环境工作流.zip
10 架构设计及原则.zip
11 第一周 resources.zip
12 第2周PPT.pdf
13 nginx.zip
14 software.zip
15 HTTP状态码.pdf
16 UML统一建模语言.pdf
17 产品文档模板.pdf
18 复杂业务中的全局思维.pdf
19 工作流-技术栈更新与.pdf
20 功能拆分的技巧-如何.pdf
21 绘制架构图.pdf
22 集群架构vs分布式架构.pdf
23 架构决策记录(ADR).pdf
24 架构设计.pdf
25 架构验证工件 RAID模.pdf
26 接口设计的规范-RESTf.pdf
27 接口文档工具.pdf
28 微服务架构设计模式.pdf
29 系统文档模板.pdf
30 项目技术需求分析.pdf
31 项目需求分析的主要内.pdf
32 项目业务需求分析.pdf
33 写好文档必备-Markdow.pdf
34 学习资源寻找逻辑-如.pdf
35 易混淆的项目文档-接.pdf
36 用户需求分析.pdf
37 折中的艺术-技术方案.pdf
38 工作流-技术栈更新与.zip
39 第三周PPT.pdf
40 第三周 resources.zip
41 Axure RP原型图示例.zip
42 Docker部署Verdaccio.pdf
43 NPM 发包过程文档.pdf
44 从 VS Code 的历史.pdf
45 Cursor.so插件.zip
46 Node.js开发环境初始.zip
47 prettier eslint.zip
48 VSCode配置.zip
49 前端开发调试思路.zip
50 缺陷控制.zip
51 开发环境搭建.pdf
52 缺陷控制.pdf
53 TypeScript.pdf
54 响应式布局.pdf
55 移动端适配方案指南-.pdf
56 注册Chatgpt iOS应用.pdf
57 最小闭环训练-全栈基.pdf
58 Card组件.zip
59 css框架-tailwindcss.zip
60 css框架-unocss.zip
61 unplugin-icons tail.zip
62 vue-macros.zip
63 初始化项目.zip
64 自动路由-unplugin-vu.zip
65 自动路由-vite-plugin.zip
66 自动引入-AutoImport.zip
67 pwa.zip
68 software.zip
69 第5周resource.zip
70 PWA是什么.xmind.zip
71 第5周resources.zip
72 首页样式小Bug.pdf
73 第6周resources.zip
74 Nestjs官方CLI.pdf
75 Java or Node.pdf
76 数据库设计三大范式.pdf
77 JSONtoClassPrompt.pdf
78 部署方式说明.drawio.zip
79 nestjs_TS注解.drawio.zip
80 01-FP_FRP.zip
81 02-OOP.zip
82 03-IoC_DI.zip
83 04-nestjs-core-conce.zip
84 gitlab升级.drawio.zip
85 git开发工作流.drawio.zip
86 Subtree与Submodule.pdf
87 脚本.zip
88 第8周 mock-接口测试.zip
89 第9周 前端工程化.zip
90 第10周 持续集成和部.zip
91 第11周 高性能组件库.zip
92 第13周 业务型组件-.zip
93 第14周 组件库工程化.zip
94 第15周 Electron.zip
95 第16周 前端工程化进.zip
96 第17周 CLI monorep.zip
97 第18周 CLI devops.zip
98 第19周 资料与代码.zip
99 第20周 后台管理核心.zip
100 第21周 内容管理代.zip
101 第22周 多租户.zip
102 第23周 登录认证 权.zip
103 第24周 业务功能.zip
104 第25周 CICD进阶 ne.zip
105 第26周.zip
106 第28周 nestjs微服务.zip
107 第29周.zip
108 第30周 高可用.zip
109 【代码】uniapp+unicl.zip
110 【代码】 uni-admin.zip
111 【代码】uni-app开发.zip
112 【资料】API.zip
113 【资料】支付专题.zip
114 【代码+资料】React源.zip
115 【代码+资料】React.zip
116 React【资源】.zip
117 React工程化性能优化r.zip
01 阶段一:“技术成长&职业破局”双高体系
01 前端高级工程师成长心经
01 第1章 课程导学:课程设计、核心价值体现、服务与资源
01 1-1 课程导学(快速了解课程) (1350)
02 第2章 高级前端工程师成长心经
01 2-1 职业线路:面对行业与职场双重冲击,应该如何发展 (2102)
02 2-2 JS 精通能力:前端技术进化史,深入JavaScript (0849)
03 2-3 【扩展】法律知识普及:我不能访问github怎么办 (0945)
04 2-4 深度框架能力:核心技术如何综合深度运用(当下三大框架、TypeScript) (0700)
05 2-5 全栈能力:前端全栈能力Node (1148)
06 2-6 多端能力:多哪些技术是多端开发必知必会 (0452)
07 2-7 全流程能力:前端相关开发工作流,不同项目的应对方案 (1729)
08 2-8 工程化&自动化能力:自动化与工程化技术路径,学会用or造轮子 (1003)
09 2-9 架构能力:前端工程师的架构学习路线&ChatGPT设计案例- (1127)
10 2-10 大型项目架构设计:从单体到云架构的演进 (0754)
11 2-11 本章小结- (0514)
03 第3章 进阶中高级前端瓶颈及解决方案
01 3-1 章导学:在成长提升的道路上,总会遇到各种瓶颈,如何攻破 (0559)
02 3-2 环境瓶颈:如果在小公司&业务单一如何找到发展线路 (0944)
03 3-3 发展瓶颈:技术路线or职业路线程序员的年龄坎怎么破 (0933)
04 3-4 技术瓶颈:找准前端的核心竞争力 (0953)
05 3-5 实战瓶颈:高级前端进阶路径N种方式 (1256)
06 3-6 学习瓶颈:在信息爆炸的时代做好信息过滤、筛选(开源AI项目推荐) (0633)
07 3-7 认清自己:如何定位好当下的自己,设置成长路线 (0514)
10 3-10 章小结及作业:自己目前的状态与定位 (0625)
04 第4章 成为高级前端工程师背后的成长方法论【从初到中阶前端】
01 4-1 【自评】规划未来:中阶前端进阶养成计划 (0740)
02 4-2 规划篇:初阶前端技术路线的规划 (1249)
03 4-3 心态篇:国内外越来越卷,怎么找到合适的自己的位置 (0702)
04 4-4 技术观:技术焦虑怎么解前沿技术怎么学习 (1226)
05 4-5 实战篇: 跳出前端工程师的舒适区,从全栈项目开始 (0910)
06 4-6 实战篇: 参与开源项目or外包项目,提升认知与打交道能力 (1240)
05 第5章 成为高级前端工程师背后的成长方法论【从中到高阶前端】
01 5-1 【自评】规划未来:怎么从中阶到高阶前端 (0425)
02 5-2 规划篇:中阶到高阶前端技术路线的规划 (1128)
03 5-3 心态篇:职业危机、中年危机怎么破 (0536)
04 5-4 心态篇:前端技术危机——AI带来的技术危机及怎么破 (0555)
08 5-8 实战篇:多端跨端的开发能力 (1701)
09 5-9 实战篇:大型项目的开发与架构能力1 (1457)
10 5-10 实战篇:大型项目的开发与架构能力2 (2025)
11 5-11 番外:AI实用工具&ChatGPT注册 (0823)
13 5-13 番外:国外远程工作平台及注意事项 最近学习
02 大型复杂项目需求分析及整体架构设计
01 第1章 周导学:项目需求分析与架构设计的主要内容
01 1-1 章导学 (1148)
02 第2章 整体项目需求分析:从能力出发全面了解项目设计的前因后果
01 2-1 项目整体设计:我为什么做了这门课 (1055)
02 2-2 项目业务需求分析:明确范围与功能需求 (1213)
03 2-3 项目技术需求分析:明确技术需求与约束条件 (1552)
04 2-4 用户需求分析与竞品分析:明确使用场景 (1003)
05 2-5 整体需求分析总结:项目需求及产出 (0826)
03 第3章 项目技术选型:复杂业务中怎么快速完成闭环
01 3-1 复杂业务中的全局思维:技术选型长远计划 (2025)
02 3-2 折中的艺术:技术方案评估中需要注意的点 (0750)
03 3-3 功能拆分的技巧:确定核心业务 (0823)
04 3-4 工作流:技术栈更新与维护方案 (1701)
04 第4章 整体架构设计:架构是什么设计系统架构图
01 4-1 架构师能力:架构设计是什么深入理解架构设计 (2109)
02 4-2 扩展架构:水平&垂直扩展 (1207)
03 4-3 高性能架构:什么是TPS&QPS、如何设计高并发架构 (2017)
04 4-4 高可用架构:本地高可用架构&逻辑保护 (1640)
05 4-5 高可用架构:容灾多活 (1232)
06 4-6 高安全架构:安全策略 (0356)
07 4-7 可伸缩架构:微服务&kubernetes (0535)
08 4-8 架构设计案例:小闭环项目架构设计 (2026)
09 4-9 架构演进&微服务架构 (0828)
05 第5章 番外:静态文档工具及Markdown介绍
01 5-1 写好文档必备:Markdonw前端同学必会的一门语言 (1317)
06 第6章 接口设计及系统文档规范
01 6-1 易混淆的项目文档:接口文档、系统文档、产品文档等 (0942)
02 6-2 RESTful接口设计:接口文档工具&接口文档自动生成 - 最近学习
02 阶段二:【全栈开发能力-通识强化】PC端最小闭环打造全栈思维和实战
01 需求分析能力:与产品、后端沟通,设计工具
01 第1章 夯实基础,助力工作与效率
01 1-1 小闭环项目章导学 (0854)
02 1-2 原型图绘制比较:基本流程和使用模板 (0915)
03 1-3 [扩展]figma中的AI设计插件wireframe-designer (0746)
04 1-4 业务原型图绘制技巧 (1026)
05 1-5 [扩展]AI图片工具:配图&公众号首图&高保真素材 (0514)
06 1-6 [扩展]AI编程:爽的飞起,Codeium写代码&Console调试技巧分享 (1510)
02 第2章 用什么:前端技术及UI组件库(学习资源推荐)
01 2-1 前端UI库:跨端&移动端&大屏方案介绍 (2031)
02 2-2 [作业]如何寻找合适的前端技术方案:package.json大有学问 (0927)
03 2-3 番外:Vue生态及发展,是否要放弃Vue2 (0812)
04 2-4 技术栈选型:Vue与React如何选择 (1237)
05 2-5 技术栈选型:框架的生态考量,必逛的awesome项目 (0456)
03 第3章 项目技术选型
01 3-1 小闭环项目:项目技术栈选型 (0924)
02 3-2 工作流详解:回顾开发工作流 (1116)
03 3-3 [扩展]工作流:测试相关工作流及文档 (0613)
04 3-4 [AI]项目接口设计&接口文档方案选型 最近学习
02 玩转Node.js:前端开发&调试双击破
01 第1章 Node.js开发环境初始化
01 1-1 node开发环境搭建:常见工作流介绍&yarn&pnpm&corepack - (1257)
02 1-2 [加餐]Terminal终端工具推荐- (0609)
03 1-3 番外:语义化的版本号&npm version命令- (1459)
04 1-4 npm发包注意事项:npm极简发包过程演示- (0930)
02 第2章 IDE配置调试及代码规范(VSCode插件推荐)
01 2-1 IDE配置:VSCode插件推荐&同步设置(懒人配置福利) (1539)
02 2-2 IDE智能代码提示:Tabnine&Copilot&Codeium (1239)
03 2-3 IDE编辑器大杀器:Cursor.so (0937)
04 2-4 开发调试技巧:前端web项目调试思路 (1109)
05 2-5 番外:真机调试技巧 (1501)
03 第3章 缺陷控制:项目Prettier&ESLint配置代码质量检测
01 3-1 章导学:缺陷控制方法论+工作流主要内容(结尾剪掉,下面我们来介绍一下最佳实践) (1359)
02 3-2 缺陷控制概念 (1038)
03 3-3 缺陷控制-最佳实践 (0817)
04 3-4 [全流程]缺陷管理工具分类 (0510)
05 3-5 番外:Trello&Teambition使用介绍 (1429)
06 3-6 番外:禅道&Jira&Redmine简介 (0652)
07 3-7 最佳实践:Prettier or ESLint如何选择与配置 (2029)
08 3-8 ESLint配置及项目相关易混淆内容:config&plugins (1704)
04 第4章 TypeScript进阶语法与用法(JS超集,未来趋势)
01 4-1 TS导学 (1537)
02 4-2 基础类型&引用类型 (1223)
03 4-3 函数类型 (0957)
04 4-4 函数重载 (0558)
05 4-5 any&never&void&unknown区别与应用场景 (0553)
06 4-6 tuple与enum (0651)
07 4-7 Interface (1813)
08 4-8 Class类(修饰符、构建函数、接口扩展) (1904)
09 4-9 泛型 (0942)
10 4-10 声明文件&tsconfig配置文件 最近学习
03 Vue3项目框架搭建及响应式开发方案
01 第1章 Vue通用模板项目全面进阶:路由、样式库、PWA及优化策略
02 1-2 初始化前端项目 (1419)
03 1-3 番外:更新npm依赖的三种策略 (1218)
04 1-4 页面路由方案:自动路由or手写路由 (0925)
05 1-5 页面路由方案:自动路由vite-plugin-pages及进阶用法 (1534)
06 1-6 页面路由方案:自动路由unplugin-vue-router (0701)
08 1-8 类型问题4种解决思路:unplugin-vue-router导致的typescript错误 ()
09 1-9 CSS框架方案:Tailwind or unocss集成 (2202)
11 1-11 自动导入:AutoImport + VueUse (1231)
12 1-12 自动组件注册:unplugin-vue-components (1041)
13 1-13 [扩展]图标集插件:unplugin-icons (0447)
14 1-14 Icons图标方案:iconify sets (0931)
15 1-15 全局Layouts:vite-plugin-vue-layouts (0638)
16 1-16 Vue语法糖库:VueMacros&shamefully-hoist作用介绍 (1450)
17 1-17 PWA技术:PWA是什么Service Worker介绍 (1438)
18 1-18 PWA集成:vite-plugin-pwa (2034)
19 1-19 [扩展]接口mock功能:vite-plugin-mock集成 (0542)
20 1-20 番外:发布github template项目 (0908)
21 1-21 [扩展]Vue3.3版本更新,依赖更新策略 (1346)
22 1-22 vue3.3更新了什么 (0803)
02 第2章 业务页面路由、基础组件构建与布局技巧
01 2-1 路由创建:首页、社区、学习、关于 (1342)
02 2-2 基础组件:导航菜单组件开发 (1134)
03 2-3 进阶:Flex布局及UnoCSS类名 (1106)
04 2-4 基础组件:导航菜单组件开发 (0401)
05 2-5 基础组件:集成Swiper.js,轮播组件开发 (2436)
06 2-6 [升级npm依赖]swiper10.x怎么升级 (0633)
07 2-7 基础组件:卡片组件 (2113)
03 第3章 移动端设计:响应式布局、设备适配与动画实践
01 3-1 user-agent作用:获取设备类型、设备适配 (0431)
02 3-2 响应式布局rem + 媒体查询 (1259)
03 3-3 [扩展]移动端适配方案viewport (0622)
04 3-4 首页Webapp改造:导航至底,样式调整 (1556)
05 3-5 [作业]动画transition&Transition组件&动画调试 最近学习
04 首页开发、Mock接口及前端测试技巧
01 第1章 首页项目从设计到实现:Vue开发实战及扩展技巧
01 1-1 首页:页角部分开发 (2240)
02 1-2 [扩展]vue3.3中的defineProps用法 (0624)
03 1-3 首页:hover效果+深度选择器 (1417)
04 1-4 首页:组件间4种传参方式+$attrs属性覆盖 (1134)
05 1-5 [扩展]Gird不完全手册学习 (1713)
06 1-6 [扩展]Gird单元格属性项学习及作业 (1605)
07 1-7 首页项目详情页:集成vite-plugin-vue-markdown (1151)
08 1-8 vite-plugin-vue-markdown更新 (1121)
09 1-9 [扩展]完成类慕课网的ImageSwiper组件 (2651)
10 1-10 详情页:嵌套结构与路由 (1602)
11 1-11 详情页:完成课程详情页面样式调整 (1852)
12 1-12 路由进阶:学习详情页&学习列表页路由 (0720)
13 1-13 学习列表页面 (2138)
14 1-14 学习列表:章节、评论列表 (0246)
15 1-15 购物车:基本列表样式 (1053)
16 1-16 购物车:Teleport组件设计弹窗类型组件(modal&toast) (0734)
17 1-17 购物车:完成底部样式&调整整体样式 (0254)
18 1-18 会员频道:会员权益组件 (2009)
19 1-19 章小结:完成首页基本页面样式及调整 (0718)
02 第2章 前端Mock开发实战:Vue项目中的API与数据处理
01 2-1 章导学:首页项目Mock接口介绍 (1644)
02 2-2 Mock开发工作流(viteEnv&封装axios请求类) (1729)
03 2-3 创建首页store:完成首页mock接口对接 (1635)
04 2-4 首页项目Mock开发工作流回顾 (0229)
05 2-5 [bug修复]动态图标&defineModel打包bug (0317)
03 第3章 单元测试及e2e测试
01 3-1 前端测试导学:相关概念&分类&工具 (0859)
02 3-2 单元测试:vitest单元测试配置(测试覆盖率&vitest-ui) (1838)
03 3-3 单元测试:Card组件测试 (1957)
04 3-4 单元测试进阶:计时器和v-model测试方法 (1014)
05 3-5 e2e测试:Cypress安装与核心概念 (1236)
06 3-6 e2e测试:测试知识付费首页项目 最近学习
05 服务端渲染原理与LinuxDocker
01 第1章 深入理解服务端渲染:SSR原理及与CSR、SSG的比较
01 1-1 服务端渲染SSR对比CSR、SSG (1334)
02 1-2 代码篇:SSR工作原理 (1610)
02 第2章 掌握SSR实战:应用vite-plugin-ssr项目改造
01 2-1 SSR方案:vite-plugin-ssr&vite-ssr (1057)
02 2-2 SSR实战1:vite-plugin-ssr改造首页项目[作业] (1607)
03 2-3 [扩展]SSG方案:Vitepress&Hexo&Astro (0643)
03 第3章 Nuxt.js入门与进阶:探索Nuxt的核心技术与工具
01 3-1 服务端渲染Nuxt.js:简介+核心概念 (2401)
02 3-2 Nuxt工程目录&集成ESLint、Prettier (2213)
03 3-3 [更新]解决Vue ESLint配置冲突问题 (0913)
04 3-4 Nuxt DevTools开发工具(实验特性) (0821)
05 3-5 Nuxt核心技术:Pinia&PWA&Unocss集成 (2211)
04 第4章 Nuxt项目改造与优化:深度探讨SSR在Nuxt中的应用
01 4-1 SSR方案2:首页项目Nuxt改造1 (2124)
02 4-2 SSR方案2:首页项目Nuxt改造2 (2525)
03 4-3 [扩展]Nuxt应用中两种设置环境变量的方式 (0157)
04 4-4 [扩展]SSR与CSR测试论证:LightHouse使用+CORS解决办法 (0752)
05 4-5 [优化]Nuxt中的SSR配置 (1011)
05 第5章 Linux系统解析,掌握Linux文件系统和常见命令
01 5-1 为什么要学习Linux:Linux目前的发行版本有哪些 (0854)
02 5-2 虚拟化软件:OS镜像下载&安装 (1730)
03 5-3 Linux文件系统及常见命令(重要) (1526)
04 5-4 [扩展]Linux文件系统&磁盘相关命令 (0621)
05 5-5 [扩展]Linux磁盘空间不够了扩展新磁盘 (1132)
06 5-6 [扩展]SSH密钥方式远程连接Linux (0921)
07 5-7 Linux学习资源推荐 (0345)
06 第6章 Docker容器化技术,理解Docker的核心概念和配置
01 6-1 导学:容器与虚拟机 (1435)
02 6-2 安装配置Docker&Docker核心概念 (1552)
03 6-3 [扩展]管理Docker工具:Potainer&Lazydocker (1421)
04 6-4 [扩展]配置Docker国内的加速 (0420)
05 6-5 [扩展]Docker集成管理命令compose 最近学习
06 服务端开发:走向全栈Nodejs与数据库
01 第1章 环境选择Java vs Node.js,探究Nest.js
01 1-1 Java与Node.js:Node.js作为服务端的优势 (1803)
02 1-2 什么是nestjs应用场景是什么 (2353)
03 1-3 常见问题:对比koa&eggjs&express,nestjs优势是什么 (1129)
02 第2章 Nest.js实战初步:CLI工具使用和应用调试
01 2-1 快速上手:安装官方nestjs CLI工具 (1332)
02 2-2 最佳实践:工程目录+文件命名约定 (1731)
03 2-3 CLI初试:启动 Nest 应用程序 + 创建控制器 (1428)
04 2-4 [扩展]Nestjs版本更新10.0带来了哪些更新 (1001)
07 2-7 如何调试Nestjs应用:三种调试方法 (0943)
03 第3章 编程思想与服务端架构:理解OOP, FP, FRP及依赖注入
01 3-1 如何学习才高效:以前端同学的视角看后端项目 (1917)
02 3-2 编程思想 :什么是OOPFPFRP编程 ()
03 3-3 编程思想:AOP切面编程是什么特点是什么 (0616)
04 3-4 葵花宝典:什么是依赖注入(DI)&控制反转IoC (1138)
05 3-5 nestjs 架构篇:控制器、服务、数据访问(非常重要) (0830)
06 3-6 nestjs 架构篇:用模块来组织代码 (0935)
07 3-7 加餐:DTO,DAO是什么MVC是什么架构 (1343)
08 3-8 [工作原理]Nestjs中的DI系统&DI容器的概念 (0806)
04 第4章 数据库设计与实践:从核心概念到详细设计
01 4-1 服务端开发思路解密:深入nestjs核心概念 (1130)
02 4-2 核心概念:关系型&非关系型、数据库设计工具、排行 (1041)
03 4-3 核心概念:关系型数据库中的实体、主键和列概念浅析 (0942)
04 4-4 数据库设计三大范式 (0431)
05 4-5 [扩展]数据库设计之ER图(实体关系图) (1324)
06 4-6 数据库详细设计:完善数据库文档 (2049)
05 第5章 数据库操作与日志管理:ORM库与Docker应用
01 5-1 数据对接方案ORM库及方案:TypeORM&Prisma&Sequelize (1042)
02 5-2 [Docker进阶]数据库环境准备 (0802)
03 5-3 [ORM库]Prism工作流及Nestjs集成 (1655)
04 5-4 日志模块winston:按天滚动日志daily-rotate (1755)
05 5-5 [扩展]Nestjs10带来的新编译器SWC&REPL开发模式 (0733)
06 第6章 Nestjs中的CURD操作与数据校验
01 6-1 [工作原理]控制器:TS装饰器在Nestjs中的妙用 (1005)
02 6-2 [CURD]接口创建&接口版本控制(重要) (1048)
03 6-3 [CURD]nestjs流程+Prisma内置的CURD方法 (0533)
04 6-4 [CURD]prisma中分页查询&事务tranctions&全局模块 (1539)
05 6-5 [工作原理]validation管道是如何校验数据类型的 (0614)
06 6-6 [CURD]新增逻辑+数据校验(重要). (0651)
07 6-7 [CURD]完成更新、删除(重要) (1548)
08 6-8 [预习]Prisma中关联关系的定义:1对1&1对多&多对多 (0748)
09 6-9 [CURD]Nestjs项目中实践多种关联关系 (2012)
10 6-10 [作业]创建评论相关、附件相关关系model (0253)
11 6-11 [扩展]prisma5发布更新需要注意的内容 (0742)
07 第7章 构建学习页面:数据查询与校验进阶
01 7-1 [学习页面]创建课程分类&课程标签服务 (1214)
02 7-2 [prisma进阶]pull&push命令同步数据库更改 (0401)
03 7-3 [调试服务]Nestjs REPL交互模式 (0425)
04 7-4 [prisma进阶]批量插入与嵌套插入 (1202)
05 7-5 嵌套数据写入与类型校验 (0956)
06 7-6 [学习页面]嵌套数据查询(关联查询&多表联查) (0650)
07 7-7 [分页相关]分页数据类型转换&校验(重要) (0933)
08 7-8 [进阶]两种不同的策略实现对传入动态参数的校验逻辑 (1318)
09 7-9 [学习页面]where条件查询和in子句 (0931)
10 7-10 [拦截器]数据序列化的三种方式 (1414)
11 7-11 [拦截器进阶]响应数据脱敏处理(防止敏感数据外漏) (1945)
08 第8章 前端接口对接:Nuxt优化与Mock工作流
01 8-1 [Nuxt优化]:服务端口+跨域请求+多环境变量配置 (1113)
02 8-2 [Mock]前端接口开发工作流,Mock白名单配置 (0446)
03 8-3 学习列表页面接口对接注意事项 (0745)
09 第9章 项目部署与优化:直装与Docker容器化解决方案
01 9-1 [直装]项目打包&nginx配置 (1215)
02 9-2 [直装]pm2部署Node.js服务端项目 (2141)
03 9-3 [容器化]两种前端项目docker容器化部署方案(Dockerfile模板) (1753)
04 9-4 本地Docker构建优化加速思路 (0443)
05 9-5 [扩展]docker镜像导出与恢复 (0358)
06 9-6 [容器化]node.js应用容器化思路及解决办法 (2252)
07 9-7 [安全]Docker镜像权限安全及Docker镜像构建过程复习 (1237)
08 9-8 [容器化]创建nestjs项目镜像配置文件&运行镜像+传递环境变量 (0701)
09 9-9 [macos]使用脚本+rsync来完成静态站点部署 最近学习
03 阶段三:【工程化能力-通识强化】开发提效、代码质量提升
01 深入Git 高效代码管理与团队协作
01 第1章 Git版本控制入门:理解Git与SVN的差异
01 1-1 版本控制:git工具环境准备+学习资源推荐 (0606)
02 1-2 Git vs SVN (0535)
02 第2章 深入探索Git:核心概念和本地远程仓库管理
01 2-1 Git核心概念:快照、缓存区、版本库 (0643)
02 2-2 Git核心概念:本地版本仓库&远程版本仓库 (0620)
03 第3章 Git实战:协同冲突处理与版本管理最佳实践
01 3-1 情景一:个人开发者从0创建仓库及代码 (2212)
02 3-2 情景二:上班第一天,如何了解团队版本控制流程 (0950)
03 3-3 分支管理策略:分支管理最佳实践&常见命令 (1826)
04 3-4 情景三:常见多人协同冲突处理办法(带GUI操作) (1359)
05 3-5 情景四:来了新任务,旧的代码要保存怎么办rebase&stash命令 (1056)
06 3-6 情景五:已有的功能,需要摘取其中的提交cherry-pick (0441)
07 3-7 情景六:快速定位历史的bug提交(二分查找bisect) (0900)
08 3-8 情景七:多仓库管理&跨仓库clone三种方案 (0657)
09 3-9 情景八:误添加了文件到版本库&gitignore文件 (0712)
10 3-10 情景九:管理员权限设置及管理工作流 (1101)
11 3-11 情景十:历史的提交中有敏感数据怎么办git filter-branch来解决 (0845)
04 第4章 Git托管平台全探索:GitLab与Gitea的部署和管理
01 4-1 git托管平台对比:gitlab&gitea&gogs (0616)
02 4-2 [git hosting]本地私有化部署gitlab-ce (1546)
03 4-3 gitlab权限&用户管理流程介绍 (0641)
04 4-4 gitlab如何进行跨大版本升级 (1405)
05 4-5 [git hosting]gitea安装、备份、权限配置 最近学习
02 前端开发利器:Mock接口及接口测试工具
01 第1章 Mock技术:前端开发必备的接口测试和模拟工具
01 1-1 前端开发必备:Mock接口能力及接口测试工具 (0346)
02 1-2 4种Mock假数据生成工具&mock.js用法介绍 (1017)
03 1-3 使用Mock.js拦截前端请求 (1528)
02 第2章 深入json-server:轻量级CLI Mock多功能实践
01 2-1 CLI轻量mockserver:json-server (0439)
02 2-2 json-server常规mock功能+静态资源服务器 (1113)
03 2-3 json-server进阶:mockserver白名单模式&生产接口proxy功能 (1301)
03 第3章 强化开发工具链:推荐平台级工具和VSCode插件
01 3-1 [综合工具]平台级&桌面端工具推荐 (0739)
02 3-2 Postman中文资源推荐&常见开发小技巧 (1105)
03 3-3 VSCode插件:轻量REST客户端应用场景 (1130)
04 第4章 VSCode插件开发与开源项目管理
01 4-1 [扩展]离线安装&下载vsocde所有的插件思路 (0825)
02 4-2 文件流下载got:VS扩展批量下载功能开发 (2215)
03 4-3 开源项目README书写策略&LICENSE选择 (0936)
04 4-4 [扩展]README在线工具readme.so (0340)
05 第5章 精通接口测试:从测试流程到Jmeter的实践
01 5-1 接口测试流程+接口测试工具&脚本 (0605)
02 5-2 [扩展]HTTP Benchmark类工具 (0257)
03 5-3 [Jmeter]安装及环境配置 (0904)
04 5-4 [扩展]Jmeter插件市场及常用插件介绍 (0256)
05 5-5 Jmeter测试流程:使用Jmeter创建测试 最近学习
03 前端工程化:Webpack&Vite构建
01 第1章 探索前端工程化:主流技术与工具的对比与应用
01 1-1 前端工程化世界:主流技术方案对比与应用场景介绍 (1103)
02 1-2 ES规范和模块规范:探寻ECMAScript发展史 (1041)
03 1-3 前端工程化工具及应用场景(webpack&vite等) (0713)
04 1-4 [扩展]Turbopack真的比Vite快10倍吗 (0834)
05 1-5 开发效率加倍:typescript运行时比较 (1049)
02 第2章 深度解析Webpack:核心概念、配置及AI辅助应用
01 2-1 [技术栈选择]如今如何来学习Webpack从应用场景出发 (1123)
02 2-2 Webpack核心概念及配置 (2035)
03 2-3 [AI]解决webpack配置&打包问题5种思路 (0253)
04 2-4 新手配置webpack的两种方案 (0653)
05 2-5 [扩展]Rollup简介 (1650)
03 第3章 实战升级:前端工程化在不同场景的应用与提升
01 3-1 情景一:webpack+node.js服务端项目升级 (1331)
02 3-2 情景二:开发体验提升,ts&js运行时升级 (1158)
03 3-3 情景三:升级构建工具,webpack&rollup构建时效比较 (1632)
04 3-4 [扩展]情景四:生产级项目构建&开发依赖升级 (2348)
05 3-5 情景五:前端Vue项目升级策略&示例 (1914)
04 第4章 Webpack开发环境的搭建与调试:源码解析及问题解决
01 4-1 webpack&webpack-cli本地开发环境搭建 (2141)
02 4-2 [调试进阶]map文件:调试ts部分的源码 (0606)
03 4-3 webpack-cli工具原理解析 (2356)
04 4-4 webpack命令build构建过程解析 (1352)
05 4-5 [bug]webpack-cli调试webpack源码解决办法 (0252)
05 第5章 理解Webpack核心库Tapable:工作原理与事件控制
01 5-1 [webpack核心库]tapable工作原理 (0940)
02 5-2 tapable进阶:webpack核心库事件控制示例 (1814)
03 5-3 [扩展]手撸SyncHook&AsyncHook (1346)
06 第6章 webpack工作流程:定制化Loaders与Plugins
01 6-1 webpack工作流程:loaders&plugins执行流程解析 最近学习
04 CICD持续集成和部署及云构建工具
01 第1章 深入浅出前端自动化
01 1-1 概念及目标:什么是自动化 (0501)
02 1-2 常见概念:DevOps&敏捷开发 (0708)
03 1-3 DevOps大全:大厂案例&工具&流程设计 (1111)
02 第2章 深入Jenkins:从安装到高级配置
01 2-1 CICD界大佬:Jenkins介绍&安装方式&插件 (0705)
02 2-2 Jenkins安装方式一:直装(Ubuntu演示,修改端口及配置) (0702)
03 2-3 Jenkins安装方式二:docker方式安装 (0643)
04 2-4 [进阶]Jenkins容器里面套docker&操作宿主机docker&权限问题 (2540)
05 2-5 [扩展]插件加速两种方法&常见插件推荐 (1132)
06 2-6 [扩展]Jenkins权限配置(基于角色的权限控制) (1039)
03 第3章 Jenkins与Gitlab集成:构建与部署的实战
01 3-1 CICD流程初体验:Jenkins与Gitlab集成 (1835)
02 3-2 Jenkins配置Nodejs构建环境 (0902)
03 3-3 [扩展]如何配置Jenkins工作节点(安装JDK环境并切换) (0836)
04 3-4 [部署方案一]使用PublishOverSSH插件部署项目 (0654)
05 3-5 [部署方案二]使用docker方案部署项目 (2425)
04 第4章 私有制品库:定制化的仓库与流水线策略
01 4-1 镜像仓库本地化方案registry(配置docker-hub代理) (1235)
02 4-2 [进阶]企业级镜像仓库方案harbor (1203)
03 4-3 [扩展]npm私有化仓库方案-verdaccio (1037)
04 4-4 [扩展]Jenkins CICD进阶:Pipeline流水线 (1928)
05 第5章 Gitlab流水线进阶:从CICD到容器集成
01 5-1 [gitlab进阶]配置CICD的runners环境 最近学习
02 5-2 [gitlab进阶]gitlab-ci.yml配置文件编写写 (0612)
03 5-3 [gitlab进阶]内置registry发包过程&配合CICD原地起飞 (1238)
04 5-4 [gitlab进阶]配置Vue项目CICD任务 (0748)
05 5-5 [gitlab进阶]集成docker-registry的两种方案对比 (0506)
06 5-6 [演示]gitlab集成docker-registry本地化配置 (0314)
04 阶段四:【自研组件库能力-进阶提升】通用复杂管理后台高性能组件库
01 设计通用管理后台组件库:初始化模板+组件
01 第1章 AI驱动的产品设计:从需求到组件库
01 1-1 全面拥抱AI:充当组件库项目的产品经理 (0929)
02 1-2 产品背景语料准备:让GPT联网搜索总结背景内容 (0831)
03 1-3 [AIGC]产品需求文档&核心开发链路 (1007)
04 1-4 SSG方案大全Jamstack:自建文档库方案vitepress (1248)
02 第2章 项目起步:项目初始化与框架集成
01 2-1 项目初始化 (0631)
03 2-3 [复习]基础项目技术方案回顾 (0504)
04 2-4 [复习]集成element-plus (0328)
03 第3章 图标组件进阶:从SVG到动态加载
01 3-1 Icon基础组件:iconify集成 (1408)
02 3-2 SVG图标组件:svg类型图标Iconfont (1525)
03 3-3 网络图标组件:动态加载iconfont.css文件 (1328)
04 3-4 [作业]业务型组件:图标列表组件 (1739)
05 3-5 优化IconList图标组件 (1106)
06 3-6 [作业]IconPicker图标选择组件 (1655)
07 3-7 [作业]IconPicker图标选择组件 (1041)
08 3-8 [更新]Iconify如何动态加载,与unplugin-icons的区别 (0604)
04 第4章 界面交互:暗黑模式与全屏操作
01 4-1 头部功能性组件:暗黑模式 (2206)
02 4-2 头部功能:全屏功能组件 (0740)
05 第5章 多语言支持:vue-i18n集成与构建优化
01 5-1 国际化:协同翻译Crowdin&机翻API推荐(DeepLvsOpenAI) (1157)
02 5-2 国际化:集成i18n基础用法 (0735)
03 5-3 国际化:unplugin-vue-i18n集成 (2320)
04 5-4 国际化:element-plus国际化与vue-i18n整合 (1022)
05 5-5 国际化:i18n插件使用中坑点(js&ts是只读的) (0749)
06 5-6 国际化:打包&构建优化 (1143)
06 第6章 头部消息组件:Elementplus基础组件&学习事件传递
01 6-1 消息组件:扩展基础组件Badge自定义属性 (1417)
02 6-2 [作业]消息组件:使用缩放控制图标大小 (0550)
03 6-3 消息组件:弹出列表样式 (1913)
04 6-4 消息组件:事件定义与样式优化 (1902)
05 6-5 [更新]CSS属性中的v-bind (0557)
06 6-6 消息组件:测试组件事件与属性 最近学习
02 通用管理后台组件库:业务组件&页面开发
01 第1章 导学:交互与响应式设计基础
01 1-1 章导学:菜单交互与响应式进阶 (0243)
02 第2章 菜单组件:构建高度可配置的菜单组件
01 2-1 菜单组件需求分析 (0533)
02 2-2 菜单组件:组件结构与Props类型定义 (1605)
03 2-3 菜单组件:子菜单组件SubMenu (2112)
04 2-4 菜单组件:菜单项组件MenuItem (1332)
03 第3章 交互设计:实现多功能默认布局
01 3-1 默认布局组件:需求分析 (0708)
02 3-2 默认布局:自动路由形成基础菜单结构 (1900)
03 3-3 默认布局:头部组件结构+基础组件样式扩展 ()
04 3-4 默认布局:头像菜单组件 (2512)
05 3-5 默认布局:头像菜单组件事件定义与传递 (1359)
06 3-6 默认布局:主题设置组件(抽屉组件) (2205)
07 3-7 默认布局:主题设置组件事件传递 (1753)
08 3-8 默认布局:主题暗黑模式事件传递 (0448)
09 3-9 默认布局:菜单模式切换及折叠效果设计 (1756)
10 3-10 默认布局:菜单混合模多级菜单显示效果 (1847)
11 3-11 默认布局:完成菜单4种混合模式交互 (1127)
12 3-12 总结开发习惯:关于编码规范、组件拆分思路、事件传递 (0835)
04 第4章 菜单样式优化:国际化+事件管理
01 4-1 样式优化:全局Rest样式&下拉菜单激活状态 (0604)
02 4-2 下拉菜单组件:综合运用泛型&defineModel (1424)
03 4-3 菜单国际化:正确使用i18n国际化的3种姿势 (0712)
04 4-4 菜单国际化实践:注意特殊情况defineXXX (0623)
05 4-5 菜单路由跳转:菜单事件传递 (0748)
06 4-6 多级菜单:自动展开功能(嵌套&递归通用写法) (1142)
05 第5章 响应式进阶:主题设置抽屉组件的响应式设计
01 5-1 源码学习:Menu组件顶部折叠样式优化 (1603)
02 5-2 响应式设计:Drawer抽屉组件样式调整 (0548)
03 5-3 响应式布局:菜单自动折叠与移动端抽屉菜单 (2129)
06 第6章 登录注册:创建灵活的登录注册页面
01 6-1 基础表单:登录注册页面需求分析 (0607)
02 6-2 登录注册页:表单基本结构 (1732)
03 6-3 登录注册页:语言切换与暗黑模式,隐藏菜单 (0308)
04 6-4 登录注册页:响应式布局+背景图片 (1438)
05 6-5 第三方登录+LoginForm组件封装 (1011)
06 6-6 登录注册页:表单校验&自定义规则 最近学习
03 管理后台:功能性组件&可视化图表与地图
01 第1章 打造移动端适配的高级表格组件
01 1-1 表格组件:需求分析&虚拟无限滚动原理 (1510)
02 1-2 基础表格组件 (2101)
03 1-3 【进阶表格】灵活的Slot传参(兼容column&table) (1623)
04 1-4 移动端适配:safe-area与默认布局样式优化 (0915)
05 1-5 移动端适配:使用js动态计算滚动区域高度 (0319)
06 1-6 菜单功能:头部固定(移动端滚动适配) (1229)
02 第2章 表格组件扩展:嵌套、多级表头、单选多选等
01 2-1 表格示例扩展:嵌套结构+slot内嵌两种方式实现(固定表头、多级表头) (1429)
02 2-2 [AI]表格事件传递:单选表格示例 (1506)
03 2-3 表格扩展:单选多选表格(expose函数透传) (1548)
04 2-4 表格示例:排序与过滤 (1215)
05 2-5 [作业]slot进阶用法三种示例 (0830)
06 2-6 表格示例:树形数据与合计行 (1233)
03 第3章 表格组件:分页与事件传递
01 3-1 pagination分页组件事件传递 (0808)
02 3-2 element-plus表格组件封装总结 (0304)
04 第4章 表单组件:自适应结构设计+拖拽高级功能
01 4-1 高级表格需求分析:自适应、拖拽 (0554)
02 4-2 高级表格:自适应屏幕高度及加载过滤效果 (1223)
03 4-3 高级表格:列拖拽 (1750)
04 4-4 高级表格:初步行拖拽 (1328)
05 4-5 思考扩展:拖拽表格行不支持的场景 (0708)
05 第5章 表单组件:动态表单组件设计与响应式数据处理
01 5-1 表单组件需求分析 (0827)
02 5-2 基础表单设计:动态组件vs模板写法区别与优缺点分析 (1828)
03 5-3 表单组件:基于schema的嵌套响应式布局 (1912)
04 5-4 表单组件:响应式数据双向绑定 (1221)
05 5-5 表单工具函数useForm (0825)
06 5-6 动态表单+表单校验功能 (2017)
07 5-7 表单&Item事件和slots的处理 (1814)
06 第6章 动态表单组件总结
01 6-1 动态表单组件总结 (1711)
07 第7章 Vue指令精粹:从交互增强到权限控制
01 7-1 自定义指令:复制指令 (1945)
02 7-2 自定义指令:debounce&throttle (0631)
03 7-3 自定义指令:打字机效果1 (1324)
04 7-4 自定义指令:多行文字打字机效果2 (1500)
05 7-5 自定义指令hasPermission:按钮级权限控制 (1313)
06 7-6 自定义指令has:扩展更灵活通用的权限指令 (0453)
07 7-7 [扩展]前端权限设计方案 最近学习
04 组件库工程化:自动构建部署与测试
01 第1章 组件库的交互与优化之旅
01 1-1 前置导学 (0338)
02 第2章 动态交互组件:面包屑与Vue过渡效果
01 2-1 头部面包屑组件 (1117)
02 2-2 Vue中Transition过渡基础 (1231)
03 2-3 头部面包屑组件Transition过渡效果两种实现(gsap动画库) (1226)
04 2-4 样式优化:面包屑显示模式&菜单默认激活状态mp4 (0858)
03 第3章 功能性组件:头部标签导航组件
01 3-1 自定义头部标签页组件 (1006)
02 3-2 自定义头部标签:事件绑定 (0906)
03 3-3 自定义标签:处理删除事件 (0613)
04 3-4 自定义头部标签页组件:下拉控制菜单功能 (1600)
04 第4章 页面动效与样式:路由过渡与响应式设计
01 4-1 页面路由切换及过渡效果 (1107)
02 4-2 坑点:动态组件缓存keepAlive与页面过渡整合 (1731)
03 4-3 样式优化:内容部分&头部样式 (1344)
04 4-4 面包屑内容响应式设计 (1044)
05 第5章 动画组件实战:创建自定义折叠过渡
01 5-1 [作业]折叠过渡效果:封装CollapseTransition组件 (1623)
06 第6章 功能性组件:集成ECharts图表、富文本编辑器、音视频组件
01 6-1 集成ECharts:第三方图表组件vue-charts (2405)
02 6-2 VueCharts简化属性项的传递 (1811)
03 6-3 自定义封装ECharts组件及响应式调整 (2152)
04 6-4 三款富文本编辑器推荐:TuiEditor&Vditor&Milkdown (0651)
05 6-5 自定义富文本编辑器组件:集成Vditor (2254)
06 6-6 [扩展]编辑器页面响应式设计:动态form表单扩展 (1927)
07 6-7 音视频组件如何选择 (1005)
08 6-8 自定义视频组件:集成videojs (1400)
09 6-9 自制视频播放组件:监视配置项变化 (0734)
10 6-10 自定义音频播放组件:需求拆解、响应式设计 (1507)
11 6-11 音频播放组件:进度条拖拽&滑动交互设计 (1557)
12 6-12 音频播放组件:音量控制&循环播放&速率控制交互设计 (1626)
13 6-13 音频初始化&实例销毁 (0838)
14 6-14 音频组件初始化&进度条状态控制 (1308)
15 6-15 音频组件:播放&音量&步进&速率控制 (1653)
16 6-16 音频组件expose事件定义 (0707)
17 6-17 音频组件emits事件定义(切换音频) (1221)
18 6-18 音频组件列表播放控制:列表播放、循环控制、随机播放、单曲循环 (1558)
19 6-19 音频组件播放模式切换调试&Bug修复 (1109)
20 6-20 音频组件优化:移动端事件绑定&控制按钮定制&useAudioPlayer (1743)
21 6-21 [扩展]滚动文字指令scrollText (1352)
22 6-22 [扩展]滚动控制:延迟执行、鼠标悬停暂停 (2311)
23 6-23 [扩展]滚动指令scrollText测试及修复初次滚动跳跃bug (0439)
07 第7章 打包与优化:提升组件库性能与效率
01 7-1 组件库项目打包(排错&项目依赖升级&pwa) (0955)
02 7-2 打包优化:借助CDN加载核心库vite-plugin-cdn2 (1625)
03 7-3 打包优化:分模式打包&打包命令参数传递 (0824)
04 7-4 打包优化:css打包优化 (0654)
05 7-5 [扩展]echarts打包优化:如何定位与解决生产代码报错 (1226)
06 7-6 打包优化:选择不同的版本&设置script属性&切换CDN源 (1042)
08 第8章 自动化部署:探索GitHub Actions与依赖管理
01 8-1 认识GithubActions (1842)
02 8-2 GithubActions来发布一个vue3基础项目 (1846)
03 8-3 实践GithubActions:template项目发布静态站 (1718)
04 8-4 GithubPages自定义域名开启HTTPS (0610)
05 8-5 [扩展]Dependabot更新项目依赖 (1740)
06 8-6 [扩展]第三方依赖管理工具renovate(强烈推荐) 最近学习
05 桌面端应用:丰富组件库应用场景
01 第1章 桌面应用开发:Electron vs Tauri 技术比较
01 1-1 跨端桌面端一哥之争:Electron与Tauri (1813)
02 1-2 [扩展]桌面端技术选型 (0821)
03 1-3 [扩展]桌面端应用UX&UI设计原则 (0720)
02 第2章 深入Electron:核心概念、进程通信与安全
01 2-1 探索Electron:不同版本区别&加速下载两种方案&第一个Electron应用 (1447)
02 2-2 核心概念:主进程与渲染进程 (0704)
03 2-3 [扩展]VSCode调试问题&nvm配合 (0459)
04 2-4 [思考]主进程app模块生命周期 (0645)
05 2-5 Electron应用中如何安全的暴露Node.js的API (1042)
06 2-6 主&渲染进程通信及ipcMain&ipcRenderer模块介绍 (2039)
07 2-7 渲染进程间消息通信:ipc方式(注意事件安全) (1203)
08 2-8 消息通信原理 (0542)
09 2-9 消息通信MessageChannel方式(2种案例) (2138)
10 2-10 [扩展]Electron应用安全 (1009)
03 第3章 Electron界面交互:菜单定制与国际化
01 3-1 Electron中的菜单:系统菜单设置 (1357)
02 3-2 Dock菜单&右键菜单 (1150)
03 3-3 Electron主进程菜单国际化(i18n集成) (0531)
04 3-4 全局快捷键(如何全屏&退出全屏) (0848)
04 第4章 Electron与前端框架集成实战
01 4-1 场景1:vite快速集成electron两种方案 (1247)
02 4-2 场景2:vite-electron-builder集成 (1149)
03 4-3 场景3:react与Electron集成的两种方案 (0839)
04 4-4 [桌面端实践]改造admin-template项目 (2351)
05 第5章 Electron打包与发布:从配置到上架AppStore
01 5-1 Electron打包工具electron-builder&electron-packager (0508)
02 5-2 electron-builder打包配置(简化版本) (0402)
03 5-3 electron-builder配置(详解版本) (1535)
04 5-4 MacOS证书配置(不上架AppStore的情况) (0545)
05 5-5 MacOS应用公证(不上架AppStore的情况)) (0915)
06 5-6 Electron应用上架appStore(前置准备) (1506)
07 5-7 Electron应用上架appStore(打包&签名&上传) (0615)
06 第6章 自动化构建:Github Actions实践
01 6-1 使用GithubActions自动化介绍&演示 (0757)
02 6-2 实践github actions完成项目的打包&发布 (1329)
03 6-3 macos平台配置github actions(需要非常细心) (1639)
04 6-4 Electron应用自动更新配置 (1720)
05 6-5 [扩展]项目如何配置electron-builder改图标、改背景 最近学习
05 阶段五:【大厂标准工程化+自动化-进阶】跨项目跨技术栈提升效率方案
01 工程化必备:开发脚手架项目
01 第1章 精简分析:如何瘦身并精简核心组件与功能
01 1-1 项目导学 (0715)
02 第2章 工程化进阶:Vite与Vue组件库、TS库打包方案
01 2-1 [项目优化]为什么vite开发的项目会白屏刷新 (0719)
02 2-2 前端工程化:vite+vue组件库项目(需求分析+打包构建) (1156)
03 2-3 前端工程化:vite+vue组件库开发工作流 (1908)
04 2-4 ts打包工具:unbuild&tsup&bunchee (1721)
05 2-5 ts库模板1:tsup打包配置 (1404)
06 2-6 ts库模板1:eslint功能集成,包发布脚本配置 (1003)
07 2-7 ts库模板2:基于unbuild的ts库项目模板 (1035)
03 第3章 组件库开发:提炼自定义组件库,资源加载方案
01 3-1 组件库提炼能力:使用vite模板项目快速创建components打包工程 (2120)
02 3-2 对比两种不同的打包方案(是否要外置核心库) (0629)
03 3-3 [AI]自动化脚本:自动形成组件的统一入口文件 (1424)
04 3-4 解决组件库依赖问题并测试打包 (1718)
05 3-5 开发思路:i18n国际化模块打包问题 (0756)
06 3-6 开发思路:三种i18n国际化资源加载的方式 (0625)
07 3-7 方案一:使用esm打包国际化模块&外置依赖处理 (1538)
08 3-8 [作业]方案二:自引用资源处理,自定义库资源导出路径 (1528)
09 3-9 方案三:使用fetch的方式获取资源文件,异步加载资源 (1220)
04 第4章 自动化脚本与组件库导出
01 4-1 自动化脚本优化:组件库全局导出 (0955)
02 4-2 [bug]解决自动化脚本导出组件名与HTML保留字冲突问题 (0239)
03 4-3 自动化脚本优化:导出所有的composition API (0530)
04 4-4 自动化脚本优化:完成组件类型导出 (2125)
05 第5章 组件库打包与自动化流程优化
01 5-1 打包优化:加入directives指令&外置依赖减小包体积 (1151)
02 5-2 优化+测试:vue3模板项目加载组件库 (1223)
03 5-3 优化自动化脚本:定义组件名与类型别名(加入私缀vp) (2229)
04 5-4 自动导入组件库项目组件与Composition API (1321)
05 5-5 自动化脚本优化:为vite自动导入插件准备配置 (0600)
06 5-6 开发优化:vue-component的自动导入指令 (0915)
07 5-7 开发优化:自动导入与自动组件注册脚本 (1352)
06 第6章 组件库项目闭环:测试、打包、发布
01 6-1 组件库项目闭环:测试、发包、安装打包测试 最近学习
02 6-2 脚本架功能需求分析 (1714)
02 进阶自动化能力:云构建+云部署能力扩展
01 第1章 Monorepo项目概览与导引
01 1-1 Monorepo项目导学 (2238)
02 第2章 Monorepo工具与包管理方案深探
01 2-1 monorepo技术栈:三类工具+nx&lerna&rush&bit等介绍 (1435)
02 2-2 包管理方案1:yarn的workspaces方案 (2045)
03 2-3 包管理方案2:使用pnpm管理workspace (1657)
03 第3章 Monorepo实战:项目整合与关键注意事项
01 3-1 monoreop项目+CLI 演示 (0925)
02 3-2 monorepo实战:对admin-template项目初改造 (1951)
03 3-3 monorepo实战:整合已经完成的components组件库 (1458)
04 3-4 [重要]pnpm的monorepo项目需要注意的两点 (1934)
05 3-5 monorepo实战:CLI功能需求拆分 (0603)
04 第4章 项目瘦身策略:CLI需求分析与模块拆分
01 4-1 瘦身项目+CLI需求分析 (1235)
02 4-2 项目瘦身:拆分electron,cdn等功能模块 (1012)
03 4-3 项目瘦身:扩展css用法tailwindcss整合 (1359)
04 4-4 项目瘦身:自动路由、布局及vite配置拆分 (0734)
05 第5章 CLI工具开发:从原理到实战应用
01 5-1 模板CLI工作原理:整合base&CDN模板项目 (1557)
02 5-2 工程化实践:实现模板CLI最小闭环 (1101)
03 5-3 工程化实践:设计CLI交互prompts (2013)
04 5-4 开发准备:templates目录整理+CLI调试方法 (0647)
05 5-5 CLI开发:递归处理json文件及路径 (1540)
06 5-6 CLI开发:处理data.ts的文件 (1902)
07 5-7 CLI开发完成:调试生成template代码 (2159)
08 5-8 [扩展]CLI交互优化(输入校验+覆盖目录确认) (0852)
09 5-9 [扩展]CLI开发:使用minimist解析参数快速初始化模板 (1444)
10 5-10 CLI工具发包过程:调试并优化代码 最近学习
03 融合CLI+DevOps,封装桌面端应用
01 第1章 自动化进阶:探索云构建的新视角
01 1-1 自动化进阶学什么云构建是什么 (0409)
02 第2章 Lerna&nx与TurboRepo:深入解析云缓存实践
01 2-1 lerna全面解析:常用命令、版本控制与发包 (2136)
02 2-2 turborepo上手:缓存、运行脚本与lerna横向对比 (1219)
03 2-3 [扩展]turborepo远程缓存使用流程(vercel配合) (1100)
04 2-4 [扩展]lerna&nx远程缓存:基于nx cloud协同项目+加速构建 (1051)
05 2-5 [扩展]nx cloud扩展能力(agents等) (0657)
06 2-6 nx团队协同提效:使用azure存储构建缓存(申请、配置、权限) (2101)
03 第3章 Nx云缓存插件nx-remotecache-qiniu开发
01 3-1 开发自定义nx云缓存插件:七牛云、华为云等产品比较 (1137)
02 3-2 对象云存储nx扩展插件需求分析 (0902)
03 3-3 七牛云SDK文件操作(查询、上传、下载) (1743)
04 3-4 Nx七牛云缓存插件开发:monorepo项目设置&传参 (2205)
05 3-5 Nx七牛云插件开发:下载、上传构建缓存 (1806)
06 3-6 优化uploadToken产生逻辑,加入本地缓存 (1417)
07 3-7 开发插件调试思路:从源头找问题(翻译、本地调试、问他人) (1302)
08 3-8 下载优化:兼容私有与公有传参 (0726)
09 3-9 上传优化:调整uploadToken更新策略 (1456)
10 3-10 上传区域参数测试 (0500)
11 3-11 [扩展]七牛云配置自定义的域名 (0855)
04 第4章 自动化流程实现:Nx插件发布与GithubActions集成
01 4-1 [AI]发包准备:nx七牛云插件文档 (1139)
02 4-2 Github Actions自动化发包流程:npm包发布&测试 (1203)
03 4-3 [作业]开发nx扩展:monorepo项目总结 (0953)
05 第5章 构建高效桌面应用:Electron与CLI工具集成实战
01 5-1 桌面端瑞士军刀:toimc-tools (1629)
02 5-2 Electron UI+交互初实现 (1443)
03 5-3 [重要]使用electron内置node&动态加载模块 (2114)
04 5-4 插件列表功能需求分析 (0715)
05 5-5 插件列表:请求列表+列表样式设计 (2115)
06 5-6 插件下载方案一:下载&解压功能开发 (1347)
07 5-7 联调测试:插件下载&动态加载模块 (1307)
08 5-8 插件下载方案二:pacote&download-git-repo (1536)
09 5-9 类utools执行逻辑:获取当前执行命令目录+执行CLI逻辑 (2131)
10 5-10 [扩展]electron开发总结+交互细节优化 (1726)
11 5-11 [扩展]electron顶部菜单样图标及功能开发 (1214)
12 5-12 [bugfix]解决pacote打包bug 最近学习
06 阶段六:【高效开发能力-进阶】综合组件库高效开发-知识付费后台前端
01 Vue组件库开发知识付费项目核心页面
01 第1章 项目基础与管理后台功能开发
01 1-1 [回顾]知识付费管理员需求&业务梳理 (1223)
02 1-2 [资料]管理后台功能拆分 (0532)
03 1-3 [扩展]localStorage 维护策略 (1715)
04 1-4 [更新]项目依赖更新,更新vite5 (2541)
02 第2章 登录与注册页面构建:动态表单组件开发与样式设计
01 2-1 [回顾]使用自定义组件完成登录表单 (1404)
02 2-2 项目monorepo框构改造:nx加持,扩展基础form 组件属性 (1703)
03 2-3 完成登录页面样式 (1427)
04 2-4 [作业]完成注册页面样式 (1542)
03 第3章 集成行为验证:提升用户安全性
01 3-1 行为验证功能介绍(平台推荐、短信验证、TOTP二次验证) (1254)
02 3-2 第三方验证集成 案例一:极验 (2514)
03 3-3 封装自定义的极验组件(自动脚本加载、初始化) (2123)
04 3-4 第三方验证集成 案例二:cloudflare turnstile (1832)
05 3-5 cloudflare turnstile服务端验证逻辑 (1347)
06 3-6 基础封装:turnstile组件 (0916)
07 3-7 自定义turnstile组件事件处理:兼容options事件传递 (1423)
08 3-8 自定义turnstile组件实例方法 (0427)
04 第4章 管理端界面开发与Mock策略应用
01 4-1 完成管理端概览页面(DashBoard 首页) (2204)
02 4-2 系统设置:完成用户管理页面样式设计 (1909)
03 4-3 [mock开发]兼容proxy代理+whitelist白名单 最近学习
02 动态表单+表格:知识付费项目用户管理开发
01 第1章 深入探索Tab间通信:从基础到SharedWorker实践
01 1-1 [扩展]tab间通信的4种方案(localStorage&Boardcast) (1439)
02 1-2 [扩展]tab间通信shared-worker (1050)
03 1-3 [扩展]SharedWorker消息机制设计1 (0956)
04 1-4 [扩展]消息机制:完成useWork方法封装 (0931)
05 1-5 [扩展]完成 sharedWorker 测试 (1609)
02 第2章 用户管理模块开发:界面设计与交互实现
01 2-1 用户管理需求分析 (0312)
02 2-2 系统设置:用户管理页面基础样式 (2149)
03 2-3 用户管理页面交互设计:编辑&删除功能 (1628)
03 第3章 会员管理功能扩展与数据可视化
01 3-1 会员管理:完成列表页面 (1106)
02 3-2 会员管理:基础信息部分样式 (0949)
03 3-3 会员管理:购买记录、用户评论、学分收支 (1207)
04 3-4 [扩展]会员管理:用户评级功能 (1014)
05 3-5 会员管理:学习情况(echarts进阶-区域渐变色) (1229)
04 第4章 交易管理:业务流程与状态展示
01 4-1 [作业]交易管理业务梳理及功能介绍 (0302)
02 4-2 交易管理:审批流程状态展示(el-steps配合展开表格) (1749)
05 第5章 社区互动管理:评论与用户私信
01 5-1 评论管理、用户私信功能点分析 (0454)
02 5-2 设计用户评论详情(类论坛呈现) (0947)
03 5-3 完成评论详情布局 (0712)
04 5-4 评论详情:快捷菜单+右侧关联主题 (1348)
05 5-5 评论详情:评论基础组件 (1653)
06 5-6 [准备工作]调整layout基础样式 (0642)
07 5-7 [bug]优化窗口resize事件 (0231)
08 5-8 封装输入框组件(适配暗黑模式&动态高度) (1722)
09 5-9 自定义高仿微信聊天内容组件 (1558)
10 5-10 布局设置+类微信聊天时间格式化逻辑 最近学习
03 复杂交互场景自定义:项目内容管理开发
01 第1章 内容管理需求分析与结构设计
01 1-1 内容管理需求分析及页面基础结构 (1030)
02 第2章 内容管理界面列表与内容详情
01 2-1 完成内容管理列表布局(修复table栅栏布局bug) (1001)
02 2-2 内容详情页面嵌套逻辑分析 (1126)
03 2-3 完成内容详情页面布局 (1435)
03 第3章 内容详情界面交互进阶:动态标签
01 3-1 内容详情页面标签动态标题设置 (0717)
02 3-2 子级嵌套页面动态标签&设置标签页激活状态 (1054)
03 3-3 [bug]修复tabs详情页面主菜单激活状态 (1101)
04 第4章 基础组件库扩展:el-upload上传组件
01 4-1 扩展基础组件库:认识el-upload组件 (1524)
02 4-2 上传组件el-upload插槽+外部方法处理(附服务代码) (1046)
03 4-3 el-upload拖拽上传样式定制 (0559)
04 4-4 优化拖拽上传逻辑:图片预览与删除 (1911)
05 4-5 封装上传组件逻辑:useUpload(包含预览、删除、隐藏操作区) (1435)
05 第5章 内容管理章节详情:富文本编辑器组件应用
01 5-1 [扩展]新增&编辑章节详情(富文本内容) (1132)
06 第6章 权限管理:菜单控制与Form组件优化
01 6-1 页面权限控制&菜单权限 (1247)
02 6-2 菜单管理:使用el-tree组件展示默认菜单结构 (1414)
03 6-3 菜单管理:子元素(对象&数组)详情展示,嵌套Form组件 (1541)
04 6-4 Form组件的问题及useForm优化策略 (1326)
05 6-5 [bug]修复Form组件schema循环更新的问题 (1044)
07 第7章 树形菜单编辑功能设计
01 7-1 [扩展]Json编辑工具vue-json-pretty (1207)
02 7-2 [扩展]Json编辑工具json-editor-vue (0649)
08 第8章 章小结
01 8-1 知识付费管理端项目总结(知识回顾) 最近学习
07 阶段七:【复杂服务端开发-高阶跃迁】Nestjs开发知识付费服务端
01 大型权限系统设计:多租户权限数据库设计
01 第1章 设计nestjs通用后端框架架构:NestJS核心知识回顾
01 1-1 [课程专属福利项目启动]本阶段重点知识内容设计 (0628)
02 1-2 [回顾]基础环境配置(node,pnpm,docker) (0507)
03 1-3 [回顾]nestjs核心知识(逻辑概念、生命周期) (0931)
04 1-4 nestjs通用后端框架思考 (0724)
05 1-5 [重要]课程代码+资料说明 (0301)
02 第2章 NestJS多环境配置与管理
01 2-1 多环境配置两种方案(优缺点比较) (1459)
02 2-2 官方方案:使用config设置配置模块 (0937)
03 2-3 官方方案进阶:多环境配置读取 (0913)
04 2-4 配置文件的参数验证Joi方案 (1213)
03 第3章 日志管理与异常处理
01 3-1 日志有哪些类型功能分类记录位置 (0949)
02 3-2 nestjs内置日志模块Logger (0708)
03 3-3 全自动高性能日志模块:Pino、日志滚动pino-roll (1144)
04 3-4 高度集成的日志模块:winston (1748)
05 3-5 [作业]全局异常过滤器:配合winston记录日志(全局Filters) (1720)
06 3-6 作业解答:全局FIilters&如何获取请求IP (0242)
04 第4章 nestjs通用后端框架:集成通用模块,优化打包性能
01 4-1 通用模板项目:配置模块 (1100)
02 4-2 通用模板项目:全局日志模块 (1223)
03 4-3 全局设置:开启filters、CORS、API请求前缀+版本 (1443)
04 4-4 开发起飞:开启swc编译器+jest测试配置(对比vitest) (1645)
05 第5章 数据库集成策略:ORM选择与多租户实现
01 5-1 数据库模块集成分析:ORM选择 (1226)
02 5-2 nestjs如何拿捏单库vs多库(多租户):复杂业务场景数据库选择 (1219)
06 第6章 NestJS与数据库ORM集成实践
01 6-1 Prisma与nestjs集成 (1225)
02 6-2 typeorm与nestjs集成 (0757)
03 6-3 非关系型数据库mongoDB集成(深入工作原理) (2221)
07 第7章 NestJS动态模块与数据库架构优化
01 7-1 动态模块应用场景及工作原理 (1619)
02 7-2 [重要]数据库架构设计&nestjs多ORM动态数据库演示 (1554)
03 7-3 [扩展]数据连接池及常见ORM库配置 最近学习
02 登录认证+权限管理
01 第1章 复习与深入ORM多数据库配置
01 1-1 [回顾]ORM库多数据库配置&连接 (0500)
02 第2章 TypeORM多数据库集成与优化
01 2-1 多数据库初始化:TypeORM CLI配置(结合ormconfig) (1246)
02 2-2 TypeORM同类型多数据库连接与访问配置 (0541)
03 2-3 抽象公共Repository:解决多数据库请求响应 (0809)
04 2-4 Controller控制器的参数解析装饰器(@Param、@Body、@Query ) (0813)
05 2-5 TypeORM动态连接多数据库:多MySQL (0811)
06 2-6 TypeORM动态连接多数据库:多数据库类型 (1128)
07 2-7 [进阶]TypeORM模块优化:多数据库连接共用实例、销毁 (1843)
03 第3章 Prisma模块与RxJS的高级应用
01 3-1 PrismaModule初始化代码结构(学习官方模块TypeORM) (2150)
02 3-2 Prisma多Client实战(generator指定output目录) (1841)
03 3-3 [扩展]认识Rxjs:一个处理事件的类lodash工具库 (1120)
04 3-4 [作业]Rxjs示例:计时器、常见操作符等 (1200)
05 3-5 多数据库优化:如何命名PrismaModule (0746)
06 3-6 多数据库优化:断线重试逻辑 (1601)
07 3-7 动态模块进阶:异步Provider (1842)
08 3-8 动态模块进阶:完成自定义PrismaModule模块 (0656)
09 3-9 PrismaModule:测试异步多数据库连接 (0458)
10 3-10 数据库优化:PrismaModule连接实例管理 (1211)
04 第4章 扩展模块:Mongoose官方模块问题解决与扩展
01 4-1 Mongoose官方模块的问题及解决思路 (0914)
02 4-2 如何扩展第三方模块:复用Mongose实例 (1700)
05 第5章 数据库策略总结:多数据库与多租户环境
01 5-1 数据库总结:多数据库多租户多ORM (1209)
02 5-2 数据库代码初步优化:实现抽象层repository (2044)
03 5-3 数据库代码优化测试:多ORM配合 (1832)
04 5-4 [源码分析]mongo模块forFeature方法的异常处理 (0244)
05 5-5 [最佳实践]数据库代码优化:创建userModule (1121)
06 第6章 Redis在Node.js中的应用与工具
01 6-1 redis常见问题及Node.js侧客户端比较 (0954)
02 6-2 两种redis镜像对比&redis桌面端连接工具 (0904)
03 6-3 如何nestjs中集成ioredis (0749)
07 第7章 nestjs中缓存策略实现
01 7-1 高速缓存方案cache-manager (1606)
02 7-2 nestjs集成cache-manager与ioredis (0713)
08 第8章 电子邮件服务集成与实践
01 8-1 商业化邮件服务商(SES、Mailgun、SendCloud) (0323)
02 8-2 Nestjs中的邮件服务(内置node-mailer) (1507)
09 第9章 安全认证机制:后端登录与API安全
01 9-1 nestjs 后端注册登录简介:登录鉴权相关概念 (0809)
02 9-2 JWT的工作原理 (0647)
03 9-3 [扩展]API接口安全相关知识(加密&算法&HTTPS) (0530)
10 第10章 后置项目准备(模板项目优化)
01 10-1 [优化]后置项目准备:条件式加载模块 (1503)
02 10-2 [优化]后置项目准备:兼容单一数据库&多ORM库方案 最近学习
03 内容+学习+用户+交易核心业务服务开发
01 第1章 鉴权登录:NestJS用户认证与参数校验
01 1-1 nestjs用户认证:创建认证控制器及对接数据 (1505)
02 1-2 创建用户:用户数据简单校验 (0535)
03 1-3 [回顾]管道概念:三大类型管道及校验类管道 (0735)
04 1-4 基于装饰器的类验证器管道 (1118)
05 1-5 [进阶]nestjs内置管道&Trasnform&自定义管道用法 (1413)
06 1-6 nestjs鉴权库:JWT核心文档解析 (1607)
07 1-7 [过渡]解析官方示例:LocalStrategy与JwtStrategy (0840)
08 1-8 JWT依赖安装&jwt模块工作原理解析 (1559)
09 1-9 [进阶]测试jwt模块:应用守卫AuthGuard、jwtService签名Payload (1530)
02 第2章 鉴权守卫与控制器访问权限管理
01 2-1 鉴权守卫:设置鉴权用户可访问的控制器(作业) (2044)
02 2-2 [进阶]控制器守卫、自定义装饰器、全局守卫两种创建方式 (1123)
03 第3章 接口安全策略:密码保护与数据脱敏
01 3-1 密码安全及相关知识(什么是彩虹表攻击) (0856)
02 3-2 密码安全实操:使用argon2库对密码进行加密 (0849)
03 3-3 接口安全:引入拦截器对接口进行脱敏处理 (1524)
04 3-4 接口安全:内置序列化拦截器定制响应数据结构 (0824)
05 3-5 拦截器扩展:自定义装饰器完成接口序列化 (1613)
04 第4章 RBAC角色权限系统设计与实现
01 4-1 权限控制导学:权限控制数据设计(预习作业) (0821)
02 4-2 RBAC角色权限功能分析 (0535)
03 4-3 RBAC角色权限实现:prisma数据库调整(同步、迁移、重置) (1232)
04 4-4 RBAC角色权限实现:创建角色权限装饰器 (1957)
05 4-5 RBAC角色权限实现:用户角色CURD操作 (1732)
06 4-6 [进阶]RBAC角色权限实现:用户创建&关联角色 (1506)
07 4-7 作业讲解:Role关联查询Permission&拦截器序列化输出 (1030)
08 4-8 作业讲解:用户相关查询及序列化输出 (1129)
09 4-9 [进阶]用户更新接口:嵌套数据的序列化 (1645)
10 4-10 [进阶]完成用户更新逻辑(嵌套关联关系) (1424)
11 4-11 [重要]完成RBAC守卫(RBAC闭环-企业级应用实现) (2415)
05 第5章 基于CASL的策略权限控制
01 5-1 基于策略的控制:流行的casl策略库介绍 (1019)
02 5-2 基于策略的权限控制:实践casl库 (0745)
03 5-3 [补充说明]casl自定义规则的两种方式 (0812)
06 第6章 高级策略权限设计与实现
01 6-1 [重要]数据库设计:基于策略的数据权限分析 (0932)
02 6-2 策略权限控制:创建Policy服务&守卫 (1931)
03 6-3 策略权限控制:类MongoDB的复杂查询逻辑(精确的条件控制) (1832)
04 6-4 [进阶]策略权限控制:基于函数的策略权限控制 (0833)
05 6-5 [优化代码]创建基于casl的策略权限控制服务 (1440)
06 6-6 工厂函数创建不同类型的Ability实例及权限测试 (0654)
07 6-7 策略权限:数据库设计 (0848)
08 6-8 [作业]策略权限功能:RolePolicy创建服务 (1446)
09 6-9 [更新]Permission与Role更新Policy逻辑 (1516)
10 6-10 [重要]PolicyGuard的判断逻辑 (0732)
11 6-11 [重要]PolicyGuard具体实现逻辑 (1615)
12 6-12 [非常重要]策略权限守卫开发分析:参数约定与数据准备工作 (1540)
13 6-13 策略权限守卫:初步完成核心逻辑&准备测试数据 (1625)
14 6-14 策略权限守卫:测试默认的策略权限的三种逻辑 (1928)
15 6-15 策略权限守卫:验证函数&mongo复杂查询 (1250)
07 第7章 权限开发总结
01 7-1 策略权限控制总结 (0735)
08 第8章 菜单权限设计与实现
01 8-1 菜单权限:需求分析+创建数据库模型+REST接口 (0836)
02 8-2 创建菜单接口&数据库查询实现(嵌套数据) (2316)
03 8-3 菜单查询与删除(创建自定义Pipe) (1556)
04 8-4 菜单及嵌套菜单数据更新 (1613)
05 8-5 菜单权限:角色菜单关联(新增、更新、删除) (1321)
09 第9章 核心业务:内容管理设计与开发,数据库迁移
01 9-1 数据库迁移流程&代码版本控制 (0534)
02 9-2 [最佳实践]合理的项目工程目录 (0923)
03 9-3 业务数据库设计+CLI生成模块代码 (0935)
04 9-4 [AI加持]开发流程介绍:快速创建CURD基础业务代码 (0851)
05 9-5 [进阶]创建附件接口:复杂创建逻辑与关联dto的创建 (2327)
06 9-6 内容相关需求分析:课程&标签&分类关联关系 (0543)
07 9-7 内容相关开发:创建课程&标签路由+CURD服务 (1351)
08 9-8 内容相关开发:如何复用课程标签创建逻辑 ()
09 9-9 内容相关开发:完成课程+标签嵌套CURD(事务嵌套bug) (1340)
10 第10章 核心业务服务开发总结
01 10-1 [总结]核心业务服务开发与扩展(交易、内容) 最近学习
04 Nestjs服务端部署、测试及CICD
01 第1章 NestJS 服务端打包优化与自动化
01 1-1 [优化]构建准备:prisma多clients打包脚本 (1551)
02 1-2 打包过程优化:基于命令行参数的打包过程 (1319)
03 1-3 [进阶]深入swc编译器构建选项(压缩、混淆) (1331)
04 1-4 [扩展]execa:像写js一样写shell命令 (0417)
05 1-5 [扩展]打包项目:使用webpack&swc-loader打包 (1127)
06 1-6 [扩展]打包项目:Rollup+swc打包 (1400)
02 第2章 日志管理与数据库维护
01 2-1 日志功能扩展:收集与筛选日志需求 (0750)
02 2-2 日志数据库存储方案:winston-mongoDB(集中式、自滚动) (1904)
03 2-3 数据库日志:存储&维护机制思考 (0825)
04 2-4 定时任务:nestjs-schedule模块注册与源码解析 (0749)
05 2-5 [优化]重构条件模块代码&容器中mongoDB备份与恢复 (1128)
06 2-6 容器数据持久化的两种方法+node侧ssh客户端ssh2 (0735)
03 第3章 SSH 模块集成与异步操作
01 3-1 SSH模块注册与异步注册核心逻辑 (1323)
02 3-2 创建ssh客户端SshService服务&测试 (1506)
03 3-3 多ssh客户端注册及配置方法 (0654)
04 3-4 [代码重构]异步SSH模块注册&测试 (0937)
04 第4章 容器化数据库备份与定时任务管理
01 4-1 定时任务:完成容器数据库备份与滚动删除 (1732)
02 4-2 [重构]SshService输出结构优化&捕获异常 (0427)
03 4-3 三类定时任务管理模块 (1612)
05 第5章 队列管理与任务调度
01 5-1 任务队列:nestjs中的队列方案nestjs-bull (1308)
02 5-2 代码重构:合理规划Queue分类 (0525)
03 5-3 定时队列任务:定义不同的通知处理逻辑(邮件&短信) (1521)
04 5-4 [进阶]队列任务的生命周期事件 (1228)
06 第6章 Docker容器化与镜像优化
01 6-1 容器化:Dockerfile创建与镜像打包 (1042)
02 6-2 如何自封装公共镜像,简化&加速镜像打包过程 (0434)
03 6-3 [进阶]镜像构建多过程优化(corepack使用pnpm) (1206)
04 6-4 [优化]镜像体积压缩,镜像打包优化 (0605)
05 6-5 [bugfix]nestjs服务端容器运行测试 最近学习
05 深入WebSocket
01 第1章 WebSocket入门与初步应用
01 1-1 Websocket基础 (0510)
02 1-2 第一个websocket应用 (0856)
03 1-3 常见API介绍&第一个ws应用 (0620)
04 1-4 socket.io特性及应用场景介绍 (1257)
02 第2章 NestJS中的WebSocket集成与通信策略
01 2-1 nestjs中集成ws库:创建websocket连接进行通信 (1337)
02 2-2 通信策略:如何自定义事件及数据 (0527)
03 2-3 [扩展]使用Joi和dotenv动态管理WebSocket设置 (0817)
03 第3章 WebSocket客户端优化与共享实例管理
01 3-1 创建客户端WebSocket工具类,完成心跳检测逻辑 (2120)
02 3-2 [代码重构]断线重连&测试 (2041)
03 3-3 [进阶]SPA应用中的websocket单例模式 (0729)
04 3-4 SharedWorker进阶:多tab如何共享ws实例 (1600)
05 3-5 完成SharedWorker核心逻辑,定义工具方法useWs (1546)
06 3-6 多tab共享ws实例实战:测试useWs工具方法 (0917)
04 第4章 WebSocket多环境管理与开发总结
01 4-1 [思考]ws开发总结:多浏览器下多tab中管理连接实例 (1207)
05 第5章 网络安全与WebSocket应用扩展
01 5-1 代理接口功能及WebSocket应用场景扩展 (0756)
02 5-2 proxy中间件:反向代理proxy+前置代理agent功能实现 (1410)
03 5-3 [重要]网络安全相关概念及原理(TLS、HTTPS、SSL证书) (1236)
04 5-4 前置代理工作原理(加密解密过程) (1026)
05 5-5 前置代理实操:trojan服务&客户端配置 (1445)
06 5-6 acme.sh申请免费SSL证书(安装、定时更新、自动化脚本) (1453)
07 5-7 Nestjs应用中启用https并在本地测试 (0638)
08 5-8 证书滚动更新策略及服务器重启逻辑设计 (1448)
09 5-9 [容器化进阶]在线nginx配置https&wss服务 最近学习
08 阶段八:【架构设计能力-高阶跃迁】微服务架构重构大型复杂项目
01 架构入门:前后端的微服务
01 第1章 微服务与微前端概念
01 1-1 [回顾]什么是微服务应用场景是什么 (1140)
02 1-2 [回顾]分布式系统&架构 (1106)
03 1-3 Node.js侧的微服务工具包推荐(熔断、链路追踪、监控) (0826)
04 1-4 什么是微前端微前端框架有哪些 (1331)
02 第2章 NestJS中的微服务实践
01 2-1 nestjs中的微服务方案 (0626)
02 2-2 [TCP方式]初次尝试Nestjs中的微服务 (0840)
03 2-3 Nestjs微服务中的常用装饰器 (0536)
04 2-4 微服务项目工程化配置:合理的工程目录 (1253)
05 2-5 微服务容器化及打包部署流程 (1553)
03 第3章 NestJS微服务的高级特性
01 3-1 nestjs微服务:Event-based广播式消息传递 (0513)
02 3-2 微服务超时逻辑及错误异常处理 (0855)
04 第4章 nestjs中微服务熔断策略与实现
01 4-1 服务熔断工作原理(断路器、断路模型等) (0630)
02 4-2 熔断器工作原理&最小示例实现 (2145)
03 4-3 opossum库Node.js侧的断路器 (0700)
05 第5章 高效Nestjs微服务通信:gRPC
01 5-1 使用gRPC进行微服务通信(2种proto转ts的方案) 最近学习
02 架构实践:nestjs框架微服务技术
01 第1章 gRPC微服务安全与测试策略
01 1-1 gRPC微服务进阶:配置SSL证书 (1638)
02 1-2 测试gRPC服务第二种方案:grpcurl(go环境配置) (0958)
03 1-3 测试gRPC服务第三种方案(grpc-tools+ts-proto) (2211)
04 1-4 微服务工程化:共享grpc的proto与certs (2306)
02 第2章 微服务开发与运营优化
01 2-1 核心业务拆分分析 (1024)
02 2-2 微服务模板项目创建+配置vscode插件 (0636)
03 2-3 [插件推荐]定义user.proto并测试服务 (1053)
04 2-4 [扩展]对于空值的处理&VSCode插件bug (0449)
05 2-5 用户微服务:完成数据库对接与服务测试 (0852)
06 2-6 网关微服务:登录接口&服务调用测试 (1646)
03 第3章 微服务代码自动生成与系统整合
01 3-1 [代码生成器]借助grpc-tools产生nestjs双端代码 (1528)
02 3-2 微服务拆分总结 (0426)
04 第4章 微服务注册与健康检查实现
01 4-1 构建高可用架构:注册中心的核心作用解析 (0425)
02 4-2 常见的5种注册中心技术方案 (1153)
03 4-3 容器化方式快速创建consul服务 (1052)
04 4-4 使用Consul实现NestJS微服务注册与健康检查 (1307)
05 4-5 NestJS与Consul配置并连接gRPC服务 最近学习
03 架构进阶:微服务架构重构服务端项目
01 第1章 微服务项目的Monorepo改造与版本控制
01 1-1 微服务项目monorepo改造,加入版本控制 (1242)
02 1-2 优化微服务共享项目:ts-proto与自定义工具的封装指南 (1351)
03 1-3 [小结]微服务改造monorepo需要注意的几点 (0337)
02 第2章 微服务的高可用性实践
01 2-1 consul与健康检查:获取健康实例逻辑分析 (0506)
02 2-2 高效微服务:定时器驱动的Consul健康检查与gRPC Client管理 (1918)
03 2-3 高可用实践:优化测试动态grpc客户端切换 (1935)
04 2-4 高可用实践:使用RxJS优化gRPC客户端更新机制 (1349)
05 2-5 高可用实践:nestjs拦截器处理微服务异常+重试请求 (1625)
06 2-6 边界异常处理:定时重试请求健康的服务 (0617)
03 第3章 gRPC服务健康检查与模块优化
01 3-1 gRPC服务健康检查:扩展health.proto (0810)
02 3-2 实现User微服务健康检查:gRPCHealth完整集成 (1423)
03 3-3 优化微服务代码:提炼HealthModule到共享模块 (0624)
04 3-4 使用Terminus创建健康检查Endpoint并集成Consul (2435)
05 3-5 动态健康检查:在.env中配置多微服务健康检查端点 (1926)
04 第4章 Consul与NestJS微服务的高可用性管理
01 4-1 [高可用]管理多个ConsulService实例 (0610)
02 4-2 [高可用]Consul服务+Nestjs微服务高可用问题分析 最近学习
04 架构运维实践:Docker+k8s
01 第1章 Consul+nestjs微服务故障转移演示
01 1-1 [高可用]Consul+nestjs微服务故障转移演示 (0517)
02 第2章 微服务架构的准备工作
01 2-1 [准备]拆分health健康检查逻辑 (1025)
02 2-2 [准备]consul配置多datacenter及互访 (0850)
03 2-3 [准备]配置user2微服务对接datecenter2及测试 (1158)
03 第3章 微服务架构的高可用性与错误处理
01 3-1 拦截器重试逻辑改造 (1441)
02 3-2 创建ConsulCoreModule:管理Consul实例与ConsulService实例 (1513)
03 3-3 [重构]统一管理:初始化grpcClient (2251)
04 3-4 [测试]依赖注入微服务实例grpcClient (1127)
05 3-5 [重构]微服务调用异常统一捕获与处理 (1131)
06 3-6 调试统一错误处理&异常拦截器逻辑 (1337)
07 3-7 [重要]高可用:如何实现微服务故障转移 (2322)
08 3-8 [测试&总结]配合Consul实现微服务高可用 (1235)
04 第4章 Kubernetes基础与核心组件介绍
01 4-1 Kubernetes入门:诞生背景及生态技术方案 (0708)
02 4-2 Kubernetes中重要的资源对象介绍 (1309)
03 4-3 K8s架构及核心组件介绍 (0602)
05 第5章 实践kubeadm搭建本地Kubernetes集群
01 5-1 本地化实践方案minikube (1327)
02 5-2 k8s集群Linux环境准备(ubuntu环境演示) (1350)
03 5-3 容器运行时:安装配置containerd(在线&离线) (1147)
04 5-4 集群创建:主节点配置(apt源&工具安装、镜像加速) (1916)
05 5-5 集群创建:连接工作节点&配置网络插件calico (0657)
06 5-6 测试k8s集群环境:创建nginx应用 (0836)
06 第6章 实践二进制搭建高可用的Kubernetes集群
01 6-1 二进制安装:高可用k8s集群架构分析 (0841)
02 6-2 二进制安装:高可用k8s集群环境准备(软硬件) (1414)
03 6-3 高可用集群:负载均衡haproxy+keepalived (1143)
04 6-4 高可用集群:创建etcd集群 (1443)
05 6-5 下载k8s相关二进制执行文件并分发 (0813)
06 6-6 配置kubectl及管理员用户配置 (0633)
07 6-7 [扩展]配置kubectl命令补全工具 (0229)
08 6-8 部署kube-controller-manager组件 (0628)
09 6-9 部署kube-scheduler组件 (0402)
10 6-10 高可用集群:配置kube-apiserver并测试 (1837)
11 6-11 容器运行时docker+cri-dockerd(加速镜像) (0939)
12 6-12 工作节点kubelet组件+TLS Bootstraping配置 (1153)
13 6-13 工作节点安装kube-proxy组件 (0535)
14 6-14 配置网络插件calico (0633)
15 6-15 配置coredns (1139)
16 6-16 k8s集群测试:运行nginx应用 (0523)
07 第7章 k8s开发部署总结
01 7-1 k8s开发部署总结 最近学习
09 阶段九:【拓宽】uniapp+unicloud小程序云开发及支付专题
01 uniapp+unicloud云开发
01 第1章 小程序开发环境与核心知识
01 1-1 小程序注册流程(建议使用非个人主体注册) (0622)
02 1-2 小程序后台开发配置、流程及UnionID机制 (0909)
03 1-3 开发者工具&第一个小程序应用 (0847)
04 1-4 小程序工程目录 (0516)
05 1-5 小程序宿主环境 (0345)
02 第2章 uniapp跨端开发框架
01 2-1 跨端框架横评taro&uniapp&wepy等 (1733)
02 2-2 uniapp开发规范(上手必读注意的点) (0446)
03 2-3 uni-app项目目录 (0300)
04 2-4 静态资源的引入方式 (0518)
03 第3章 HBuilderX工具与项目创建策略
01 3-1 玩转HBuilderX(主题、自定义配置、scss插件) (0742)
02 3-2 方案一:使用可视化界面创建uniapp项目 (0641)
03 3-3 方案二:使用vue-cli创建uni-app项目 (0734)
04 3-4 最佳实践:ESLint+代码自动格式化 (1659)
04 第4章 uniCloud云开发入门与实践
01 4-1 uniCloud介绍+各种付费套餐比较 (1903)
02 4-2 uniCloud配合cli开发流程(云空间创建+绑定+云函数应用) (1906)
03 4-3 [扩展]使用HbuilderX CLI发布微信小程序 (2159)
05 第5章 uniCloud客户端数据库与插件集成
01 5-1 [云开发]云数据操作方案:ClientDB (0519)
02 5-2 easycom自动组件导入&集成uni生态插件 (1244)
03 5-3 [扩展]集成第三方插件uview-plus(配置alias) (0831)
04 5-4 ClientDB案例:CURD操作之查&删&更新 (2236)
05 5-5 [作业解析]ClientDB案例:CURD操作之新增 (0849)
06 5-6 代码生成器:schema2code功能演示 (1746)
06 第6章 丰富的unicloud生态,项目初始化与快速开发
01 6-1 uni-starter模板项目:快速创建及初始化 最近学习
02 小程序uni-admin云后台应用
01 第1章 HbuilderX开发环境优化与调试技巧
01 1-1 HbuilderX项目优化(eslint+prettier) (0745)
02 1-2 Hbuilderx开发调试进阶:快捷键+devTools配置 (0840)
03 1-3 Hbuilderx开发调试技巧:配置pinia+小程序中调试pinia (0748)
02 第2章 uni-admin管理后台项目实战
01 2-1 uni-admin管理后台项目创建与运行 (0917)
02 2-2 uni-admin预置功能:新增应用+用户、配置资源跨域访问 (0837)
03 2-3 uni-portal统一发布&网页托管 (0749)
04 2-4 [扩展]接口代理工具charles&fiddler秒用:获取同类产品隐私协议 (1533)
05 2-5 [模板]Vite+Vue3实现 Markdown静态网页定制化 (2110)
03 第3章 uni-admin权限配置与DBSchema解析
01 3-1 深入uni-admin中的权限配置(菜单、用户、角色) (1229)
02 3-2 DBSchema权限介绍与admin项目权限bug问题 (2156)
04 第4章 uni-stat统计模块与高级统计操作
01 4-1 uni-stat统计模块及统计源码解读 (1349)
02 4-2 正确打开uni统计2.0姿势:自定义事件上传、错误统计 (1527)
05 第5章 云函数与安全通信在uni-cloud中的应用
01 5-1 [进阶]云函数&云对象URL化 (0751)
02 5-2 uni-cloud-s2s安全通信:加密云函数与服务端通讯 最近学习
03 创建页面路由,小程序项目核心页面开发
01 第1章 内容管理与Schema自动生成工具实战
01 1-1 后续重点内容介绍+原型+资料说明(重要) (0830)
02 1-2 [进阶]schema2code快速生成前后端页面 (1221)
03 1-3 [作业]内容管理及关联表格数据 (1346)
04 1-4 内容管理模块uni-cms:服务端+权限配置 (1552)
05 1-5 uni-cms-article客户端配置+常见问题解决方案 (1730)
02 第2章 首页开发与前端框架集成
01 2-1 项目开发准备:集成uview-plus (0717)
02 2-2 首页需求分析+基本UI结构 最近学习
03 2-3 [扩展]小程序字体图标定制:iconfont配置与使用 (0618)
04 2-4 [扩展]HBuilderX项目中集成TailwindCSS (1342)
05 2-5 [作业]HBuilderX项目中集成UnoCSS+图标集 (1040)
06 2-6 首页头部样式调整:搜索框+快捷菜单 (0716)
07 2-7 [扩展]蓝湖ps插件切图流程 (0405)
03 第3章 基础组件开发与样式优化
01 3-1 课程卡片vp-item基础组件 (2125)
02 3-2 [常见开发问题]unocss插件入口文件问题 (0200)
03 3-3 完成首页精品微课、订阅专栏等关联组件 (1121)
04 3-4 完成首页样式设计:创建课程卡片基础组件并优化样式 (1846)
05 3-5 navbar图标定制 (0422)
04 小程序项目接口对接与测试
01 第1章 商城应用开发需求与数据库设计
01 1-1 uni-cloud开发商城应用需求分析 (0815)
02 第2章 商品管理与图片处理流程
01 2-1 创建商城业务相关的schema (1019)
02 2-2 [扩展]商城业务相关概念:什么是sku&spu (0917)
03 2-3 创建goods商品页面&菜单 (1656)
04 2-4 创建商品标签及数据关联 (0601)
05 2-5 缩略图上传与预览 (0926)
06 2-6 联表查询获取banner图信息 (0955)
07 2-7 新建商品上传关联banner图:查询与展示 (2338)
08 2-8 分类banner图上传与删除(操作云存储+数据库) (1711)
03 第3章 分类商品列表与瀑布流布局实现
01 3-1 小程序侧:创建分类商品列表页面 (0707)
02 3-2 完成分类数据页面+接口对接 (1156)
03 3-3 waterfall瀑布流式分类列表页面(定制商品item组件) (1918)
04 3-4 分类详情列表接口数据对接 (1332)
04 第4章 商城项目开发总结与优化
01 4-1 商城业务小闭环总结 (0250)
05 第5章 AI能力集成:uni-ai模块开发
01 5-1 AI加成:uni-ai集成需求分析 (0743)
02 5-2 集成uni-ai模块&配置模板 (1350)
03 5-3 [扩展]配置openai代理(海外服务器购置推荐) (1404)
04 5-4 uni-ai聊天会话测试 (0812)
05 5-5 集成uni-ai到其他uni项目过程 (0949)
06 第6章 微信小程序:OpenAI接口集成与stream数据处理
01 6-1 Nestjs中如何代理openai接口(stream处理) (1535)
02 6-2 Nestjs实现OpenAI接口鉴权与stream数据处理逻辑(拦截器+守卫) (1835)
03 6-3 微信小程序侧实现stream数据响应 最近学习
05 小程序支付专题
01 第1章 支付专题导学与企业注册流程解析
01 1-1 支付专题导学 (0701)
02 第2章 微信与支付宝支付集成前的准备工作
01 2-1 企业注册流程介绍 (0754)
02 2-2 注册企业的常见问题 (1318)
03 2-3 注册企业的优缺点 (0736)
04 2-4 开办企业需要注意的点 (0748)
03 第3章 微信支付开发与内网穿透调试
01 3-1 微信(支付宝)支付的必要条件 (0843)
02 3-2 微信商户平台介绍 (0753)
03 3-3 小程序支付开发准备工作(API密钥、API证书配置) (1058)
04 3-4 小程序支付流程介绍 (1108)
05 3-5 JSAPI接口解析&内网穿透解决方案 (1218)
06 3-6 配置frp内网穿透服务(本地调试微信接口用) (2039)
04 第4章 NestJS支付模块开发与支付流程实现
01 4-1 nestjs支付模块:创建JSAPI下单服务&通知接口 (1901)
02 4-2 创建订单接口dto对入参数进行校验 (0957)
03 4-3 APIv3签名机制&生成请求头Authorization步骤 (0731)
04 4-4 实现JSAPI接口获取prepay_id:请求头证书RSA签名+验证 (2054)
05 4-5 封装JSAPI调起支付接口&调试小程序支付 (1742)
06 4-6 支付通知与ase-256-GSM密文解密 (0833)
07 4-7 [作业]支付专题小结 (0829)
08 4-8 [扩展]退款创建与退款通知获取 最近学习
10 阶段十:【深耕底层】Vue+React源码解读,底层思维+技术双提升
01 React源码解析&生态核心技术方案
01 第1章 章导读
01 1-1 章导学 (1038)
02 1-2 React16-18(给Vue人学习React的贴心礼包) (0648)
02 第2章 React设计思想于核心概念
01 2-1 React16-19有哪些变化带来了哪些惊喜 (1255)
02 2-2 React设计思想与优势 (1952)
03 2-3 React核心概念(一):组件&元素&实例 (1238)
04 2-4 React核心概念(二):协调概念以及Diff算法 (0636)
05 2-5 React核心概念(三):渲染与高性能原因 (0318)
03 第3章 React的全新架构Fiber及其工作原理
01 3-1 React15架构卡顿的原因 (0519)
02 3-2 理解什么是Fiber架构Fiber对象(React内部数据结构) (0639)
03 3-3 Fiber树与双缓存技术(任务优先级) (1032)
04 3-4 Fiber带来的Effects(效应) (0522)
04 第4章 企业级应用框架和常见技术集成方案
01 4-1 React源代码调试2种方法(React19+新版本需要注意) (2220)
02 4-2 [扩展]React17-18调试进阶(第三方方案&watch模式) (1604)
03 4-3 React源码核心目录及文件 (1203)
04 4-4 create-react-app&模板cra-template创建调试方案 (1052)
05 4-5 快速上手umi3 (1834)
06 4-6 代码提交msg校验整合(commitizen&commitlint) (0640)
07 4-7 umi常见的插件集成(sass&dva&model&qiankun&request) (0723)
08 4-8 umi&qiankun微前端实践 (1714)
09 4-9 [资源推荐]vite及react模板项目 (0320)
05 第5章 React-router v6实战
01 5-1 React-Router章导学 (0828)
02 5-2 react-router最新v6版本带来了哪些变化 (0839)
03 5-3 react-router v6简明示例 (1136)
04 5-4 404页面&路由query&路径传参 (1444)
05 5-5 自定义路由导航守卫 (2045)
06 第6章 React Hooks及状态管理方案导读
01 6-1 章导学 (0332)
07 第7章 Hooks API及hooks原理解析
01 7-1 ReactHooks诞生的原因 (0542)
02 7-2 ReactHooks一览与useState (1233)
03 7-3 useEffect用法 (0544)
04 7-4 useContext用法 (0734)
05 7-5 useReducer用法 (1102)
06 7-6 useRef用法 (0421)
07 7-7 useMemo&useCallback (0822)
08 7-8 自定义hook-useLocalStorage (0908)
09 7-9 开发技巧与常见hooks资源(vueuse & usehooks) (0930)
10 7-10 hooks的工作原理(手写useState) (1258)
11 7-11 hooks的工作原理(手写useEffect) (1605)
12 7-12 Hooks案例todolist+五种CSS方案1 (1658)
13 7-13 五种CSS方案2(全局、模块化、CSSinJS) 最近学习
02 React组件库设计:提升工程化+组件化
01 第1章 周导读
01 1-1 章导学 (0322)
02 第2章 组件库整体需求分析与工程化模板
01 2-1 组件库需求分析 (1331)
02 2-2 课程组件库整体设计&样式方案介绍 (1201)
03 2-3 初始化项目的两种方案(cra模板项目) (0903)
04 2-4 初始化项目的两种方案(vite模板项目+CHANGELOG) (1453)
05 2-5 stylelint配置 (1045)
06 2-6 使用Vite打包library配置 (1509)
07 2-7 色彩设计(借助Semi DSM快速设计色彩方案) (1630)
08 2-8 公共样式配置(两种策略) (1211)
03 第3章 按钮组件
01 3-1 组件设计总原则 (0847)
02 3-2 Button组件设计与前置准备 (1230)
03 3-3 Button组件Interface&基础分类button与link (1007)
04 3-4 Button样式设计1 (1612)
05 3-5 Button样式设计2 (0938)
06 3-6 完成Button组件(加入loading效果) (0730)
04 第4章 图标组件(集成公共图标+iconfont)
01 4-1 icon组件设计&react-icons库推荐 (0804)
02 4-2 Icon组件UML类图设计 (0538)
03 4-3 自定义Icon组件1 (1650)
04 4-4 自定义Icon组件2 (1704)
05 第5章 菜单组件&子菜单组件
01 5-1 Menu组件设计&整体考虑 (0505)
02 5-2 Menu组件UML图分析 (0707)
03 5-3 自定义Menu组件1 (1017)
04 5-4 自定义Menu组件2 (1525)
05 5-5 子菜单SubMenu组件及事件绑定 (1523)
06 5-6 React.Children.map与React (1832)
07 5-7 完成Menu组件的样式 (1828)
06 第6章 输入框组件
01 6-1 Input组件设计&整体思考 (0325)
02 6-2 Input组件UML类图分析 (0458)
03 6-3 自定义Input组件-基础结构 (0943)
04 6-4 完成Input组件样式 (1759)
05 6-5 Input组件suffix&prefix&disabled属性扩展 (0649)
06 6-6 Input组件allowClear功能 (1121)
07 第7章 AutoComplete组件
01 7-1 AutoComplete组件设计&整体考虑 (0502)
02 7-2 AutoComplete组件UML类图设计 (0819)
03 7-3 AutoComplete组件基础结构 (0659)
04 7-4 AutoComplete建议列表逻辑 (1951)
05 7-5 美化AutoComplete&加入键盘事件 (1808)
06 7-6 npm包的发布 最近学习
03 React组件测试及性能优化
01 第1章 周导读
01 1-1 章导学 (0427)
02 第2章 React动画方案TransitionGroup
01 2-1 三种React中动画方案 (0631)
02 2-2 CSS动画实践:Menu组件添加展开图标 (0839)
03 2-3 官方推荐的动画库ReactTransitionGroup (1159)
04 2-4 CSSTransiton应用&解释appear应用场景 (1028)
05 2-5 封装Transiton动画组件&增加Menu控制动画属性 (2001)
03 第3章 React组件自动化测试
01 3-1 什么是自动化测试常见的测试工具 (1001)
02 3-2 Jest上手&搭建测试环境 (1554)
03 3-3 Jest常见配置项解读&组件库项目配置 (0924)
04 3-4 React官方推荐测试库testing-library (0920)
05 3-5 创建Button测试用例集&VSCode Jest插件 (1302)
06 3-6 Jest核心概念Mock函数 (0939)
07 3-7 完成Button组件所有测试用例 (0649)
08 3-8 添加Menu组件测试 (1432)
09 3-9 Menu组件点击事件测试 (0459)
04 第4章 组件库文档方案
01 4-1 文档工具推荐vite-pages&storybook (1021)
02 4-2 组件库文档方案1:Storybook集成 (0829)
03 4-3 组件库文档方案2:vite-pages集成 最近学习
05 第5章 React 性能优化
01 5-1 React性能优化:从原理理解&解决方案有哪些 (0629)
02 5-2 通用性能优化策略与方法(面试必会) (1759)
03 5-3 浏览器工作原理 (0649)
04 5-4 React官方性能优化策略 (1016)
05 5-5 React DevTools中的性能分析工具:Profiler (1320)
06 5-6 SCU vs 纯组件 vs memo (1141)
07 5-7 长列表虚拟滚动方案对比(react-window vs react-virtualized) (1730)
08 5-8 打包分析+cra配置webpack的三种方案 (0602)
09 5-9 性能优化小结 (0836)
04 Vue3源码解读
01 第1章 vue3源码解析
01 1-1 [新版本]vue3.5新特性及性能提升(推荐vue3+升级) (1447)
02 1-2 vue中的虚拟DOM:vnode对象及其作用 (0927)
03 1-3 vue渲染管线:一个简单的示例 (0413)
04 1-4 vue.js源码学习资源推荐 (0707)
02 第2章 框架设计的哲学与实践
01 2-1 框架设计:权衡的艺术 (1006)
02 2-2 框架设计:需要考虑的核心要素 (1706)
03 第3章 响应式系统深度解析与实现
01 3-1 响应式原理:副作用、触发器、存储 (1851)
02 3-2 响应式原理:Proxy和Reflect的妙用 (1327)
03 3-3 响应式原理:实现ref API,理解对象引用&对象控制器概念 (1325)
04 3-4 响应式原理:实现computed API,验证核心逻辑的实现 (1228)
04 第4章 渲染器核心机制与属性处理
01 4-1 核心概念:渲染器 (1126)
02 4-2 渲染器:处理DOM属性与HTML属性 (1510)
03 4-3 渲染器:class与style属性的扩展 (0618)
04 4-4 渲染器:卸载操作中需要注意的3点 (0415)
05 4-5 渲染器:事件处理(定义、绑定、更新) (1406)
05 第5章 Diff算法深度解析
01 5-1 Diff算法前菜:虚拟节点的更新逻辑 (1623)
02 5-2 Diff算法:理解Array节点更新 (0651)
03 5-3 Diff算法:Array节点找差异、移动DOM、删除无用节点 (1539)
06 第6章 Vue3编译器工作流与AST解析实践
01 6-1 编译器:Vue3编译器工作流+AST概念 (0705)
02 6-2 编译器:语法分析第1步parser解析器 (1410)
03 6-3 编译器:实现parser解析器 (0803)
04 6-4 编译器:AST转换与访问+插件机制设计 (0915)
05 6-5 编译器:上下文扩展用法,实现转换节点与删除节点 最近学习
06 6-6 编译器:transforms方法执行机制设计 (0959)
07 6-7 编译器:JavaScript AST生成过程 (1333)
08 6-8 编译器:通过JS AST生成最终代码 (1806)
11 阶段十一:职场指导
01 职业发展指导与AI在职场中应用
01 第1章 大龄程序员的职场思考:心态与压力应对
01 1-1 大龄程序员何去何从面临生活&职场的压力,心态最重要 (1301)
02 第2章 职场定位与方向选择:找到属于自己的路
01 2-1 职场人找准定位:如何看待职场、公司、同事 (1108)
02 2-2 [AI加持]职场人逼格体现:如何快速选择行业,找准方向 (0725)
03 2-3 [扩展]相关资源推荐(最后有惊喜) (0843)
03 第3章 求职技巧全攻略:从简历到面试准备
01 3-1 如何提升收到面试的概率做足准备工作 (0344)
02 3-2 怎么选岗位投简历的策略 (0949)
03 3-3 [重要]如何看职位描述(JD) (1044)
04 3-4 简历怎么写怎么排版才好 (0908)
05 3-5 AI加持:写简历就是这么高效 (1405)
06 3-6 如何提升收到面试的概率做足准备工作 (0344)
02 AI加餐福利&新课体验
01 第1章 AI与提示词工程:机遇、挑战与市场展望
01 1-1 AI 风口,催生“提示词工程”新岗位,市场需求和职业发展 (0758)
02 1-2 提示词聚合网站:xx个你必须知道的Prompt,靠谱吗 (0722)
02 第2章 实践环境准备:模型选择、工具推荐与配置实践
01 2-1 国外平台推荐:ChatGPT&Claude(playground平台) (1051)
02 2-2 国内平台推荐:通义、文心、讯飞星火、百川、智谱 (2505)
03 2-3 大语言模型:ChatGPT平替方案大合集(6种方案) (1355)
03 第3章 Prompt提示词策略:编写原则、优化技巧与结构探讨
01 3-1 原则一:使用明确且具体的指令 (1538)
02 3-2 原则二:给模型时间去思考 (1258)
04 第4章 通识技能:提示词如何拓宽视野与提升效率
01 4-1 技巧一:设定LLM大模型的角色(为AI设置一个角色),限制内容范围 (1004)
02 4-2 技巧二:设定角色(为自己设定一个角色-背书) (0540)
03 4-3 技巧三:明确问题并提供背景信息 (1257)
04 4-4 技巧四:分阶段提问,让LLM一步步思考(需要注意的点及AgentAI工具) (1356)
05 第5章 提示词通用技能,助力职场
01 5-1 帮忙程序员写个周报 (1403)
02 5-2 个性化简历:针对不同JD的简历优化 (3011)
06 第6章 新课介绍
01 6-1 提示词课程介绍 (0203)
02 6-2 提示词课程导学 最近学习





![[衡天云]爆款云服务器 低至12元/月](/hty.png)