Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013

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

Activity

wenyejie

wenyejie commented on Jun 17, 2019

@wenyejie

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

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

ununian

ununian commented on Jun 17, 2019

@ununian

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

thisisandy

thisisandy commented on Jun 18, 2019

@thisisandy

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

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

SSR的好处

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

smile-2008 commented on Dec 30, 2020

@smile-2008

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@ununian@wenyejie@haizhilin2013@thisisandy

        Issue actions

          [软技能] 第62天 说说你对同构和SSR的理解 · Issue #278 · haizlin/fe-interview