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

资源名称:

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

资源简介:

教你一套前端技术组合拳,Get全套网站优化解决方案。

课程目录:
【imooc-566】Vue3+TS打造SSR网站应用,0到1实现服务端渲染

  • 第10章项目实战—【房屋租赁详情页的服务端渲染】
    • 10-1本章导学.mp4
    • 10-2详情页面基本布局搭建.mp4
    • 10-3详情页渲染:使用asyncData函数获取真实接口数据.mp4
    • 10-4服务端渲染的页面跳转及路由传参.mp4
    • 10-5为Vite开发服务器设置proxy代理.mp4
    • 10-6本章小结.mp4
  • 第11章项目实战—【订单中心模块的异步封装、历史足迹
    • 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
    • 11-1本章导学.mp4
    • 11-2Suspence实现异步组件延迟加载提升用户体验.mp4
    • 11-3房源订单中心的Mock接口介绍.mp4
    • 11-4实现房屋预定功能.mp4
    • 11-5实现订单中心异步组件的数据填充.mp4
    • 11-6Vue3新特性Teleport:心灵传输.mp4
    • 11-7订单模块的登录权限拦截、页面重定向、隔离数据权限【上】.mp4
    • 11-8订单模块的登录权限拦截、页面重定向、隔离数据权限【下】.mp4
    • 11-9历史足迹模块的Mock接口介绍.mp4
  • 第12章项目实战—【全方位分析网站优化的方案与建议】
    • 12-1本章导学.mp4
    • 12-2UED优化:SkeletonScreen改善用户体验.mp4
    • 12-3SEO优化:meta元信息处理【上】.mp4
    • 12-4SEO优化: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-4Nginx相关配置:资源目录指定、本地代理转发、gzip.mp4
    • 13-5生产环境访问以及Screen进程守护.mp4
    • 13-6本章小节.mp4
  • 第14章课程总结
    • 14-1课程回顾.mp4
  • 第1章课程介绍
    • 1-1 课程介绍.mp4
  • 第2章从0搭建一个项目脚手架
    • 2-1本章导学.mp4
    • 2-2开发环境配置.mp4
    • 2-3nvm对node进行版本管理.mp4
    • 2-4vite脚手架初始化项目.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封装-.mp4
    • 3-8集成axios请求库—对axios的TS封装-.mp4
    • 3-9本章小节.mp4
  • 第4章项目实战—【优雅地实现Vue3网站应用的国际化
    • 4-1本章导学.mp4
    • 4-2Element-plus配置国际化—&mdas.mp4
    • 4-3vue-i18n实现网站全局国际化.mp4
    • 4-4本章小节.mp4
  • 第5章项目实战—【采用indexedDB存储方案自建
    • 5-1本章导学.mp4
    • 5-2IndexedDB数据存储方案.mp4
    • 5-3开天辟地之数据库与对象仓库objectStore创建.mp4
    • 5-4使用Typescript封装工具类:增、删、改、查.mp4
    • 5-5使用Promise、async、await包装异步事务,自.mp4
    • 5-6本章小节.mp4
  • 第6章项目实战番外篇—【SSR方案初探】
    • 6-1本章导学.mp4
    • 6-2CSR、SSR以及同构渲染的区别.mp4
    • 6-3Nuxt3beta介绍.mp4
    • 6-4先用Nuxt3beta版本实现一个SSR来尝尝鲜.mp4
  • 第7章项目实战—【Layout组件封装】
    • 7-1本章导学.mp4
    • 7-2headerCommon组件封装—在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-10使用Vuex4共享全局状态:结合Typescript实现.mp4
    • 8-11Vite+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
    • 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
  • 第9章项目实战—【对SPA的第二次SSR改造:客户端
    • 9-10公共组件Pagination封装:实现首页列表数据分页加.mp4
    • 9-11首页模块组件HomeTabs拆分:实现首页列表数据城市筛.mp4
    • 9-12本章小节.mp4
    • 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
资源下载此资源下载价格为69.90自学币,终身VIP免费,请先
资源下载
下载价格69.90 自学币
终身VIP免费

本站资料仅供个人学习和研究使用 若本帖作者内容侵犯了原著者的合法权益请提供相应证明材料本站审核通过后将即予以处理

0

评论0

本站资源持续更新中,只需赞助118自学币即可开通终生会员!
显示验证码
没有账号? 注册  忘记密码?

社交账号快速登录