├─第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