Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[软技能] 第62天 说说你对同构和SSR的理解 #278

Open
haizhilin2013 opened this issue Jun 16, 2019 · 4 comments
Open

[软技能] 第62天 说说你对同构和SSR的理解 #278

haizhilin2013 opened this issue Jun 16, 2019 · 4 comments
Labels
软技能 软技能

Comments

@haizhilin2013
Copy link
Collaborator

第62天 说说你对同构和SSR的理解

@haizhilin2013 haizhilin2013 added the 软技能 软技能 label Jun 16, 2019
@wenyejie
Copy link

什么是同构即是一个程序多个平台
按照我的理解就是响应式, 这里可以, 那里也可以, 但不可避免的, 这里也不是最优, 那里也不是最优, 很多雷点, 这个不能共用, 这个那里不行等. 优点就是一套东西多个平台

SSR, SPA是一种相对概念
以前的php, javaWeb, asp.net, 等等都是SSR, 只是现在更多意义上是表示通过NodeJs把仅在前端编译运行的SPA在serve就渲染完成, 直接把html和state下发到client

@ununian
Copy link

ununian commented Jun 17, 2019

SSR和SPA不是相对概念
SPA对应的是MPA,即多页应用,指的是多个入口的前端应用.之前php之类的基本上是多页应用,路由是交给后端处理的.
SSR是server side rendering,对应的应该就是client side rendering.这里rendering指的是将数据填入前端模板的过程(大概,我自己想的).
不用SSR的话基本上是在客户端通过Api拉取数据然后通过不同的方式(之前的JQuery操作dom,现在react,vue的绑定)将数据呈现在页面上.
SSR的话是在服务器端就将数据呈现在了页面上.

@thisisandy
Copy link

Isomorphism, 同构,指一套代码既可以在server端工作,也可以在web 客户端运行,可以无缝在server端和client端渲染两种模式间切换。这个概念由airbnb的Rendr发扬光大。
所以一楼说的其实指的并不是同构JS,而是Universal Javascript.

在PWA 大行其道的环境下,因为爬虫需要和框架初始化容易白屏等等问题,服务端渲染的呼声又物论沸腾。SSR其实就是在server端把需要的页面和数据组装起来发给客户端而已。

SSR的好处

  • SEO友好
  • 首页加载更快
  • 减少请求

@MrZ2019
Copy link

MrZ2019 commented Dec 30, 2020

什么是同构即是一个程序多个平台
按照我的理解就是响应式, 这里可以, 那里也可以, 但不可避免的, 这里也不是最优, 那里也不是最优, 很多雷点, 这个不能共用, 这个那里不行等. 优点就是一套东西多个平台

SSR, SPA是一种相对概念
以前的php, javaWeb, asp.net, 等等都是SSR, 只是现在更多意义上是表示通过NodeJs把仅在前端编译运行的SPA在serve就渲染完成, 直接把html和state下发到client

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
软技能 软技能
Projects
None yet
Development

No branches or pull requests

5 participants