├─第1章 课程介绍
│ 1-1课程介绍.mp4
│
├─第2章 从0搭建一个项目脚手架
│ 2-1本章导学.mp4
│ 2-2开发环境配置.mp4
│ 2-3nvm对node进行版本管理.mp4
│ 2-4vite脚手架初始化项目.mp4
│ 2-5本章小节.mp4
│
├─第3章 项目实战 — 【打造一个完整高效的前端项目】
│ 3-1本章导学.mp4
│ 3-2前端项目技术选型.mp4
│ 3-3集成vue-router4路由的基本使用.mp4
│ 3-4集成element-plus按需引入组件构建轻量应用.mp4
│ 3-5集成ESLint规范你的前端代码.mp4
│ 3-6集成Sass样式预处理器高效管理前端样式.mp4
│ 3-7集成axios请求库对axios的TS封装-9.mp4
│ 3-8集成axios请求库对axios的TS封装-8.mp4
│ 3-9本章小节.mp4
│
├─第4章 项目实战 —【优雅地实现Vue3网站应用的国际化】
│ 4-1本章导学.mp4
│ 4-2Element-plus配置国际化让你的网站更有国际范.mp4
│ 4-3vue-i18n实现网站全局国际化.mp4
│ 4-4本章小节.mp4
│
├─第5章 项目实战 — 【采用indexedDB存储方案自建本地Mock体系】
│ 5-1本章导学.mp4
│ 5-2IndexedDB数据存储方案.mp4
│ 5-3开天辟地之数据库与对象仓库objectStore创建.mp4
│ 5-4使用Typescript封装工具类增删改查.mp4
│ 5-5使用Promiseasyncawait包装异步事务自建一套本地Mock体系.mp4
│ 5-6本章小节.mp4
│
├─第6章 项目实战番外篇 — 【SSR方案初探】
│ 6-1本章导学.mp4
│ 6-2CSRSSR以及同构渲染的区别.mp4
│ 6-3先用Nuxt3beta版本实现一个SSR来尝尝鲜.mp4
│ [6.4]先用Nuxt3beta版本实现一个SSR来尝尝鲜.mp4
│
├─第7章项目实战【Layout组件封装】
│ [7.1]本章导学.mp4
│ [7.2]headerCommon组件封装在scrip.mp4
│ [7.3]国际化的相关Mock接口介绍.mp4
│ [7.4]头部组件国际化：调用Mock接口实现国际化语言切换.mp4
│ [7.5]底部组件封装：使用Sass的@mixin指令封装Flex布.mp4
│ [7.6]实现Layout组件文案国际化及语言包字段的维护.mp4
│ [7.7]本章小节.mp4
│
├─第8章项目实战【对SPA的第一次SSR改造：实现服
│ [8.1]本章导学.mp4
│ [8.2]登录页基础布局搭建.mp4
│ [8.3]登录页国际化字段维护.mp4
│ [8.4]登录页的相关Mock接口介绍：使用Typescript类型.mp4
│ [8.5]登录模块之hook函数封装：登录、注册、登出功能实现【上】.mp4
│ [8.6]登录模块之hook函数封装：Vue3中的hook概念【中】.mp4
│ [8.7]登录模块之hook函数封装：抽离出两个hook函数实现代码.mp4
│ [8.8]使用Vuex4共享全局状态：实现跨组件通讯【上】.mp4
│ [8.9]使用Vuex4共享全局状态：统一管理网站登录状态、国际化状.mp4
│ [8.10]使用Vuex4共享全局状态：结合Typescript实现.mp4
│ [8.11]Vite+Vue3+TS+SSR的基本原理、构建步骤、目.mp4
│ [8.13]对SPA应用的第一次SSR改造：新建服务端入口、开启本地.mp4
│ [8.14]对SPA应用的第一次SSR改造：新建服务端入口、开启本地.mp4
│ [8.15]对SPA应用的第一次SSR改造：设置运行指令开启生产环境.mp4
│ [8.16]对SPA应用的第一次SSR改造：设置运行指令开启生产环境.mp4
│ [8.17]本章小节.mp4
│
├─第9章项目实战【对SPA的第二次SSR改造：客户端
│ [9.1]本章导学.mp4
│ [9.2]实现首页Flex布局.mp4
│ [9.3]第二次SSR改造的基本步骤.mp4
│ [9.4]【起】对SPA应用的第二次SSR改造：封装asyncDat.mp4
│ [9.5]【起】对SPA应用的第二次SSR改造：封装asyncDat.mp4
│ [9.6]【承】对SPA应用的第二次SSR改造：Vuex接管状态并同.mp4
│ [9.7]【转】对SPA应用的第二次SSR改造：防止客户端二次预取数.mp4
│ [9.8]【合】对SPA应用的第二次SSR改造：使用ssr-mani.mp4
│ [9.9]公共组件Pagination封装：实现首页列表数据分页加载.mp4
│ [9.10]公共组件Pagination封装：实现首页列表数据分页加.mp4
│ [9.11]首页模块组件HomeTabs拆分：实现首页列表数据城市筛.mp4
│ [9.12]本章小节.mp4
│
├─第10章项目实战【房屋租赁详情页的服务端渲染】
│ [10.1]本章导学.mp4
│ [10.2]详情页面基本布局搭建.mp4
│ [10.3]详情页渲染：使用asyncData函数获取真实接口数据.mp4
│ [10.4]服务端渲染的页面跳转及路由传参.mp4
│ [10.5]为Vite开发服务器设置proxy代理.mp4
│ [10.6]本章小结.mp4
│
├─第11章项目实战【订单中心模块的异步封装、历史足迹
│ [11.1]本章导学.mp4
│ [11.2]Suspence实现异步组件延迟加载提升用户体验.mp4
│ [11.3]房源订单中心的Mock接口介绍.mp4
│ [11.4]实现房屋预定功能.mp4
│ [11.5]实现订单中心异步组件的数据填充.mp4
│ [11.6]Vue3新特性Teleport：心灵传输.mp4
│ [11.7]订单模块的登录权限拦截、页面重定向、隔离数据权限【上】.mp4
│ [11.8]订单模块的登录权限拦截、页面重定向、隔离数据权限【下】.mp4
│ [11.9]历史足迹模块的Mock接口介绍.mp4
│ [11.10]实现浏览记录功能.mp4
│ [11.11]历史足迹页的数据展示：reactive与ref的异同.mp4
│ [11.12]前端数据持久缓存策略：storage与vuex的结合.mp4
│ [11.13]纯CSS实现历史足迹页面的瀑布流布局.mp4
│ [11.14]详情页面数据侦听：watch与watchEffect的.mp4
│ [11.15]本章小结.mp4
│
├─第12章项目实战【全方位分析网站优化的方案与建议】
│ [12.1]本章导学.mp4
│ [12.2]UED优化：SkeletonScreen改善用户体验.mp4
│ [12.3]SEO优化：meta元信息处理【上】.mp4
│ [12.4]SEO优化：meta元信息处理【下】.mp4
│ [12.5]性能优化：gzip压缩.mp4
│ [12.6]给咱的网站跑个分：Chromelighthouse网站性.mp4
│ [12.7]本章小结.mp4
│
├─第13章如何将一个SSR项目成功部署上线
│ [13.1]本章导学.mp4
│ [13.2]使用putty和xftp“组合拳&rdquo.mp4
│ [13.3]服务器上配置Node、Nginx环境.mp4
│ [13.4]Nginx相关配置：资源目录指定、本地代理转发、gzip.mp4
│ [13.5]生产环境访问以及Screen进程守护.mp4
│ [13.6]本章小节.mp4
│
├─第14章课程总结
│ [14.1]课程回顾.mp4
│
└─资料.rar
