SSR:服务端渲染 M+V发生在服务器端,
对营销推广要求较高的产品,会使用SSR,比如企业官网
1) 服务器的压力更大
2) 页面访问和显示速度更快(DOM少)
3) 有利于SEO搜索引擎优化(有利于公司品牌和业务的推广)
4) 前端不分离,对后端工程师要求更高,工作量更大
5) 功能比较简单的产品,交互简单的产品
BSR:客户端渲染 M+V发生在客户端
对营销推广要求不高的产品,使用BSR,比如管理系统
1)客户端压力较大
2)页面加载速度更慢(DOM多)
3)不利于SEO优化
4)前后端分离,便于代码调试和维护,也能够开发速度更快
5)可以做出更复杂的产品
SEO:搜索引擎优化
网络爬虫程序,在互联网工作中,读取自己喜欢的东西,然后记录到数据中。
爬虫最喜欢html字符串,meta,h1-h6,语义化article、header、footer、nav、title标签
alt属性,title属性
mate标签:{}
爬虫最讨厌js脚本、DOM操作
Vue SSR 工作流程(原理):
VueSSR,只在node.js服务器上开发,不支持其它服务端(比如java/php)
使用vue-server-renderer的官方包
var re = vueserverrenderer.createRenderer()
re.renderToString(vue组件,function(req,res))把静态字符串返回给客户端
Nuxt.js是一个VueSSR框架
React官方在2016年出了Next.js的React服务端渲染框架
Nuxt.js两小时之后就发布了。