郴州网站建设维护,做网站 写文章怎样加视频,微信客户端小程序,王占军Nuxt.js
1 我们一起做过的SPA SPA#xff08;single page web application#xff09;单页 Web 应用#xff0c;Web 不再是一张张页面#xff0c;而是一个整体的应用#xff0c;一个由路由系统、数据系统、页面#xff08;组件#xff09;系统等等#xff0c;组成的应…Nuxt.js
1 我们一起做过的SPA SPAsingle page web application单页 Web 应用Web 不再是一张张页面而是一个整体的应用一个由路由系统、数据系统、页面组件系统等等组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中
2 什么是SEO SEO搜索引擎优化Search Engine Optimization, 通过各种技术手段来确保我们的Web内容被搜索引擎最大化收录最大化提高权重最终带来更多流量。 非常明显SPA程序不利于SEO SEO解决方案提前将页面和数据进行整合 前端采用SSR后端页面静态化 freemarker 、thymeleaf、velocity
3 什么是SSR技术 服务端渲染Server Side Render即网页是通过服务端渲染生成后输出给客户端。 在SSR中前端分成2部分前端客户端、前端服务端前端服务端用于发送ajax获得数据前端客户端用于将ajax数据和页面进行渲染渲染成html页面并响应给调用程序浏览器、爬虫 如果爬虫获得html页面就可以启动处理程序处理页面内容最终完成SEO操作。
4 SPA和SSR对比
SPA单页应用程序SSR服务器端渲染优势1.页面内容在客户端渲染2. 只关注View层与后台耦合度低前后端分离3.减轻后台渲染画面的压力1.更好的SEO搜索引擎工具可以直接查看完全渲染的画面2.更快的内容到达时间 (time-to-content)用户能更快的看到完整渲染的画面劣势1.首屏加载缓慢2.SEO(搜索引擎优化)不友好1.更多的服务器端负载2.涉及构建设置和部署的更多要求需要用Node.js渲染3.开发条件有限制一些生命周期将失效4.一些常用的浏览器API无法使用
5 什么是Nuxt.js Nuxt.js 是一个基于 Vue.js 的通用应用框架。 Nuxt支持vue的所有功能此类内容为前端客户端内容。Nuxt特有的内容都是前端服务端内容。 通过对客户端/服务端基础架构的抽象组织Nuxt.js 主要关注的是应用的 UI 渲染。 内容。 通过对客户端/服务端基础架构的抽象组织Nuxt.js 主要关注的是应用的 UI 渲染。 Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。
