wnx520 发表于 2022-5-13 02:24:56

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染 完整版



第1章 课程介绍
本章中,将会对课程的内容做介绍说明,总览课程中涉及到的知识点和学习方向。

第2章 从0搭建一个项目脚手架
从0配置开发环境并初始化项目脚手架

第3章 项目实战 — 【打造一个完整高效的前端项目】
渐进式地构建前端项目,开箱即用,与三方类库实现高内聚低耦合,打造高效的开发体验,方便项目后期升级以及其他技术型改造。

第4章 项目实战 —【优雅地实现Vue3网站应用的国际化】
学会如何整站国际化,做好网站的多种语言版本。

第5章 项目实战 — 【采用indexedDB存储方案自建本地Mock体系】
掌握indexedDB的API和使用方法,解决前端缓存大量数据的问题,丰富客户端的数据查询方式。

第6章 项目实战番外篇 — 【SSR方案初探】
nuxt3 beta版本尝尝鲜,初识vue3服务端渲染的整体思路。

第7章 项目实战 —【Layout组件封装】
学会封装公共组件以及对三方组件的二次封装,减少代码冗余,提高组件复用性。

第8章 项目实战 —【对SPA的第一次SSR改造:实现服务端渲染的基本架构】
学习如何封装hook函数,提高代码复用性;对SPA应用进行首次改造,实现前后端同构,后端直出静态页面。

第9章 项目实战 —【对SPA的第二次SSR改造:客户端结合服务器端实现Hydrate】
从0到1将SPA改造成SSR项目,前端vuex缓存服务端数据,手动封装aysncData异步函数从后端抓取数据渲染前端页面。

第10章 项目实战 —【房屋租赁详情页的服务端渲染】
实现详情页面的SSR;SSR模式下的如何路由跳转与传参;为Vite开发服务器配置代理解决跨域问题

第11章 项目实战 —【订单中心模块的异步封装、历史足迹模块的骨架屏渲染】15 节 | 152分钟
Vue3新特性最佳实践:Suspence与defineAsycnComponent、reactive与ref、watch与watchEffect;实现路由登录拦截,防止未登录用户进入页面;纯CSS实现页面瀑布流布局,让你个网站别具一格。

第12章 项目实战 —【全方位分析网站优化的方案与建议】
掌握优化网站用户体验的各种技巧,多维度分析页面性能,对症下药,逐步优化。

第13章 如何将一个SSR项目成功部署上线
搞清前端项目上线整体流程,掌握项目部署技能,将一个基于vue3的SSR项目发布生产。

第14章 课程总结
回顾课程,总结重点。


下载地址:
**** Hidden Message *****

neun 发表于 2022-5-13 02:55:13

啥也不说了,感谢楼主分享哇!

randy_1981 发表于 2022-5-13 07:07:16

啥也不说了,感谢楼主分享哇!

msy031 发表于 2022-5-13 07:31:27

正需要,支持楼主大人了!

whj1984 发表于 2022-5-13 07:46:29

啥也不说了,感谢楼主分享哇!

e2201lai 发表于 2022-5-13 07:59:50

6666666666

qizhisoft 发表于 2022-5-13 08:36:45

正需要,支持楼主大人了!

ep35218 发表于 2022-5-13 09:01:51

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染

张小风 发表于 2022-5-13 09:09:40

我只是路过打酱油的

fanxuchao 发表于 2022-5-13 09:11:05

啥也不说了,感谢楼主分享哇!
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染 完整版