其他分享
首页 > 其他分享> > Nextjs相关概念

Nextjs相关概念

作者:互联网

一 Nextjs:

Nuxt.js是使用 Webpack 和 Node.js 进行封装的基于Vue的SSR框架,不需要自己搭建一套 SSR 程序,而是通过其约定好的文件结构和API就可以实现一个首屏渲染的 Web 应用。

Nuxt.js 是一个 Node 程序,必须使用 Node 环境。我们对 Nuxt.js 应用的访问,实际上是在访问这个 Node.js 程序的路由,程序输出首屏渲染内容 + 用以重新渲染的 SPA 的脚本代码,而路由是由 Nuxt.js 约定好的 pages 文件夹生成的。

 

二 服务端渲染与预渲染、客户端渲染:

预渲染:用户请求前的服务器渲染即为。

服务端渲染:用户请求后的服务器渲染即为。

客户端渲染:单页应用框架(React、Angular、Vue),vue单页面应用渲染是从服务器获取所需js,在客户端将其解析生成html挂载于id为app的DOM元素上。客户端渲染问题:

  1. 由于资源请求量大,造成网站首屏加载缓慢,不利于用户体验。
  2. 由于页面内容通过js插入,对于内容性网站来说,搜索引擎无法抓取网站内容,不利于SEO。

 

 

 

 

标签:Node,渲染,首屏,js,概念,Nextjs,相关,客户端,Nuxt
来源: https://www.cnblogs.com/terrymin/p/15620580.html