综述:知识扩展,深化认识
1.服务端渲染产生背景介绍
自从SPA(单页面应用)诞生后,其顺滑的用户体验让大家趋之若鹜,但由此也产生了两个问题:
- 由于其是在浏览器端完成了页面的路由控制,不利于网站的SEO(搜索引擎优化)。
- 由于在第一次加载的过程中,就将页面所有的内容加载过来,所以TTFE(首屏白屏问题)问题严重,使用户体验不好
为了解决这两个问题,就产生了服务端渲染,相当于在服务端和客户端再增加一层node中间层,由node层进行数据的获取并将其注入到html中,产生一个html文件,发送给前端浏览器,浏览器直接渲染;
2.Vue服务端渲染框架NUXT.js介绍
官方介绍:https://zh.nuxtjs.org/guide
Nuxt.js 是一个基于 Vue.js 的通用应用框架。
通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。
我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。
Nuxt.js 预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。
除此之外,我们还提供了一种命令叫:nuxt generate,为基于 Vue.js 的应用提供生成对应的静态站点的功能。
我们相信这个命令所提供的功能,是向开发集成各种微服务(microservices)的 Web 应用迈开的新一步。
作为框架,Nuxt.js 为 客户端/服务端
这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等。
3.React服务端渲染框架NEXT.js介绍
next.js官方资料:https://nextjs.org/learn/
next.js参考资料:https://juejin.im/entry/59791d8f6fb9a03c391b557e
------未完待续