01、网页前端 计算机IT系 ·

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染-百度云下载

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染-百度云下载 01、网页前端 第1张

第1章 课程介绍
1-1课程介绍.mp4 77.19M

第2章 从0搭建一个项目脚手架
2-1本章导学0144.mp4 6.64M
2-2开发环境配置0818.mp4 41.36M
2-3nvm对node进行版本管理0921.mp4 51.98M
2-4vite脚手架初始化项目1408.mp4 56.63M
2-5本章小节0219.mp4 5.74M

第3章 项目实战 — 【打造一个完整高效的前端项目】
3-1本章导学0131.mp4 6.41M
3-2前端项目技术选型0456.mp4 14.35M
3-3集成vue-router4路由的基本使用1703.mp4 72.92M
3-4集成element-plus按需引入组件构建轻量应用1420.mp4 68.13M
3-5集成ESLint规范你的前端代码1151.mp4 60.48M
3-6集成Sass样式预处理器高效管理前端样式1018.mp4 45.16M
3-7集成axios请求库对axios的TS封装-11239.mp4 48.98M
3-8集成axios请求库对axios的TS封装-21358.mp4 75.31M
3-9本章小节0433.mp4 24.37M

第4章 项目实战 —【优雅地实现Vue3网站应用的国际化】
4-1本章导学0158.mp4 3.66M
4-2Element-plus配置国际化让你的网站更有国际范0805.mp4 45.90M
4-3vue-i18n实现网站全局国际化1259.mp4 58.86M
4-4本章小节0252.mp4 13.52M

第5章 项目实战 — 【采用indexedDB存储方案自建本地Mock体系】
5-1本章导学0151.mp4 3.84M
5-2IndexedDB数据存储方案0558.mp4 44.88M
5-3开天辟地之数据库与对象仓库objectStore创建2417.mp4 117.35M
5-4使用Typescript封装工具类增删改查2503.mp4 139.20M
5-5使用Promiseasyncawait包装异步事务自建一套本地Mock体系2359.mp4 146.20M
5-6本章小节0236.mp4 13.89M

第6章 项目实战番外篇 — 【SSR方案初探】
6-1本章导学0252(1).mp4 5.60M
6-1本章导学0252.mp4 5.60M
6-2CSRSSR以及同构渲染的区别1616(1).mp4 116.51M
6-2CSRSSR以及同构渲染的区别1616.mp4 116.51M
6-3先用Nuxt3beta版本实现一个SSR来尝尝鲜2047(1).mp4 109.09M
6-3先用Nuxt3beta版本实现一个SSR来尝尝鲜2047.mp4 109.09M

第7章项目实战—【Layout组件封装】
7-1本章导学.mp4 1.52M
7-2headerCommon组件封装—在scrip.mp4 116.27M
7-3国际化的相关Mock接口介绍.mp4 20.42M
7-4头部组件国际化:调用Mock接口实现国际化语言切换.mp4 51.49M
7-5底部组件封装:使用Sass的@mixin指令封装Flex布.mp4 73.02M
7-6实现Layout组件文案国际化及语言包字段的维护.mp4 55.12M
7-7本章小节.mp4 12.76M

第8章项目实战—【对SPA的第一次SSR改造:实现服
8-1本章导学.mp4 4.93M
8-2登录页基础布局搭建.mp4 68.45M
8-3登录页国际化字段维护.mp4 43.27M
8-4登录页的相关Mock接口介绍:使用Typescript类型.mp4 32.86M
8-5登录模块之hook函数封装:登录、注册、登出功能实现【上】.mp4 73.20M
8-6登录模块之hook函数封装:Vue3中的hook概念【中】.mp4 13.65M
8-7登录模块之hook函数封装:抽离出两个hook函数实现代码.mp4 62.26M
8-8使用Vuex4共享全局状态:实现跨组件通讯【上】.mp4 32.18M
8-9使用Vuex4共享全局状态:统一管理网站登录状态、国际化状.mp4 41.41M
8-10使用Vuex4共享全局状态:结合Typescript实现.mp4 32.15M
8-11Vite+Vue3+TS+SSR的基本原理、构建步骤、目.mp4 8.56M
8-13对SPA应用的第一次SSR改造:新建服务端入口、开启本地.mp4 35.31M
8-14对SPA应用的第一次SSR改造:新建服务端入口、开启本地.mp4 33.50M
8-15对SPA应用的第一次SSR改造:设置运行指令开启生产环境.mp4 50.59M
8-16对SPA应用的第一次SSR改造:设置运行指令开启生产环境.mp4 57.88M
8-17本章小节.mp4 26.34M

第9章项目实战—【对SPA的第二次SSR改造:客户端
9-1本章导学.mp4 1.81M
9-2实现首页Flex布局.mp4 67.28M
9-3第二次SSR改造的基本步骤.mp4 15.14M
9-4【起】对SPA应用的第二次SSR改造:封装asyncDat.mp4 39.29M
9-5【起】对SPA应用的第二次SSR改造:封装asyncDat.mp4 58.01M
9-6【承】对SPA应用的第二次SSR改造:Vuex接管状态并同.mp4 73.59M
9-7【转】对SPA应用的第二次SSR改造:防止客户端二次预取数.mp4 105.96M
9-8【合】对SPA应用的第二次SSR改造:使用ssr-mani.mp4 118.69M
9-9公共组件Pagination封装:实现首页列表数据分页加载.mp4 57.91M
9-10公共组件Pagination封装:实现首页列表数据分页加.mp4 91.43M
9-11首页模块组件HomeTabs拆分:实现首页列表数据城市筛.mp4 56.86M
9-12本章小节.mp4 72.72M

第10章项目实战—【房屋租赁详情页的服务端渲染】
10-1本章导学.mp4 5.69M
10-2详情页面基本布局搭建.mp4 52.61M
10-3详情页渲染:使用asyncData函数获取真实接口数据.mp4 88.37M
10-4服务端渲染的页面跳转及路由传参.mp4 101.67M
10-5为Vite开发服务器设置proxy代理.mp4 44.22M
10-6本章小结.mp4 16.39M

第11章项目实战—【订单中心模块的异步封装、历史足迹
11-1本章导学.mp4 14.73M
11-2Suspence实现异步组件延迟加载提升用户体验.mp4 77.44M
11-3房源订单中心的Mock接口介绍.mp4 25.95M
11-4实现房屋预定功能.mp4 58.83M
11-5实现订单中心异步组件的数据填充.mp4 60.75M
11-6Vue3新特性Teleport:心灵传输.mp4 45.53M
11-7订单模块的登录权限拦截、页面重定向、隔离数据权限【上】.mp4 38.24M
11-8订单模块的登录权限拦截、页面重定向、隔离数据权限【下】.mp4 59.30M
11-9历史足迹模块的Mock接口介绍.mp4 15.60M
11-10实现浏览记录功能.mp4 24.00M
11-11历史足迹页的数据展示:reactive与ref的异同.mp4 70.43M
11-12前端数据持久缓存策略:storage与vuex的结合.mp4 79.70M
11-13纯CSS实现历史足迹页面的瀑布流布局.mp4 54.31M
11-14详情页面数据侦听:watch与watchEffect的.mp4 38.65M
11-15本章小结.mp4 13.08M

第12章项目实战—【全方位分析网站优化的方案与建议】
12-1本章导学.mp4 20.50M
12-2UED优化:SkeletonScreen改善用户体验.mp4 58.17M
12-3SEO优化:meta元信息处理【上】.mp4 75.80M
12-4SEO优化:meta元信息处理【下】.mp4 80.52M
12-5性能优化:gzip压缩.mp4 35.68M
12-6给咱的网站跑个分:Chromelighthouse网站性.mp4 89.91M
12-7本章小结.mp4 8.77M

第13章如何将一个SSR项目成功部署上线
13-1本章导学.mp4 3.58M
13-2使用putty和xftp“组合拳&rdquo.mp4 26.71M
13-3服务器上配置Node、Nginx环境.mp4 28.35M
13-4Nginx相关配置:资源目录指定、本地代理转发、gzip.mp4 64.27M
13-5生产环境访问以及Screen进程守护.mp4 58.72M
13-6本章小节.mp4 15.57M

第14章课程总结
14-1课程回顾.mp4 19.42M

课程资料
airbnb-ssr-master.zip 543.36kb
nuxt3-app-master.zip 335.34kb

相关下载

点击下载