SSR - 收藏集 - 掘金

一步一步架构 react 服务器渲染同构框架 - 前端 - 掘金
Fairy - 一个前后端分离框架 一个能够支持前后端分离并支持中间层同构的完整框架,或许现在它还不够完善,但是我会把构建该框架中遇到的问题都列出来,以方便其他人遇到问题不在需要去到处搜索问题,希望为自己搭建框架的人有一些帮助,文档也会不断更新和优...

Vue 2.3 服务端渲染完全指南 - 前端 - 掘金
Note: this guide requires the following minimum versions of Vue and supporting libraries: vue & vue-serve...

Vue 服务端渲染和 Vue 浏览器端渲染性能对比 - 前端 - 掘金
Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于 Vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于 Vue 作者尤雨溪大神的 Vue-hacker-news。本人在公司做 Vue 项目的时候，一直苦于产品、客户对首屏加载...

如何使用 Vue2 做服务端渲染 - 前端 - 掘金
花费了一个月时间，终于在新养车之家项目中成功部署了vue2服务端渲染（SSR），并且使用上了Vuex 负责状态管理，首屏加载时间从之前4G网络下的1000ms，提升到了现在500-700ms之间，SSR的优势有很多，现在让我来跟你细细道来。 技术栈 服务端：N...

3 分钟搞定 Vue 2.0 服务端渲染 - 掘金
写在前面 离 Vue 2.0 发布快有两周了，最近两天终于有空做了服务端渲染和同构的一些尝试，并实现了一个对 Vue Server Renderer 的封装，可以用更精简的代码来实现在目前的 Node.js 应用中引入 Vue 服务端渲染。 Vue 的服务端渲...

react+redux 教程（六）redux 服务端渲染流程 - 前端 - 掘金
今天，我们要讲解的是react+redux服务端渲染。个人认为，react击败angular的真正“杀手锏”就是服务端渲染。我们为什么要实现服务端渲染，主要是为了SEO。 例子 例子仍然是官方的计数器例子，不过我们实现了服务端渲染和state预加载。 源代码...

实测 Vue SSR 的渲染性能：避开 20 倍耗时 - 前端 - 掘金
作者｜郭佳伦 编辑｜尾尾 导语：Vue SSR是Vue.js 2.0引入的直出渲染方案，本文将全面解析virtual-dom-based 及 string-based 的原理并对其进行对比。 一、前言 前端技术年年有新宠，Vue.js 2.0以其...

react 服务端渲染实践 - 前端 - 掘金
前言这篇主要总结为什么使用服务端渲染以及如何利用react的特性作服务端同构渲染，目前只是完成了一个demo网站，之后会将网站放在线上，在线上环境下，详细比较服务端渲染对于客户端渲染的提升。 白屏对网站体验的影响 ...

React 服务端渲染框架 next.js - 前端 - 掘金
next.js 服务端渲染框架真的是一个救命的稻草。在此之前我一直在寻找 React 服务端渲染的框架，一直没有一个满意的答案，直到碰到 next.js。 那么 next.js 与标准的 React.Component 有何区别...

vue-ssr (Vue 服务端渲染) - 前端 - 掘金
前言 自从前端技术栈换到 mvvm 之类的以后网站的源码查看就只会有一些js了，对于用户是没什么问题但是却对 seo 有很大的问题。 因为百度之类的爬虫不会执行js来渲染所以无法得到内容。大部分主流的mvvm框架都有了 ssr(Server Side Rend...

React 服务端渲染缓慢原因浅析 - 前端 - 掘金
React 服务端渲染缓慢原因浅析从属于笔者的Web 前端入门与工程实践。 前几日笔者在服务端渲染性能大乱斗：Vue, React, Preact, Rax, Marko 一文中比较了当前流行的数个前端框架服务端渲染的性能表现，下图数值越高越...

Vue 2.0 服务端渲染怎么玩？ - 前端 - 掘金

1. 服务端渲染简介 服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新...

nuxt.js - Vue.js 后端渲染开源库 - 后端 - 掘金
Nuxt.js is a minimalistic framework for server-rendered Vue applications (inspired by Next.js) ? Under development, 1.0 will b...

Next.js 一个简单的服务端框架，React 的应用 - 后端 - 掘金
We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React...

服务端渲染的 React 手脚架。完美使用 React, Redux, and React-Router！最好用的脚手架 - 前端 - 掘金
Universal React Starter Kit 服务端渲染的React手脚架 这个启动包的设计是为了让你使用一整套最新最酷的前端技术，所有都是可配置，富特性，基于webpack已经提供代码热加载，使用sass预处理css，单元测试，代码覆盖率报告，代...

React 服务器端渲染实践小结 - 前端 - 掘金
背景 为什么是React？ React今年在国内特别火，一时间虚拟DOM（Virtual DOM）等酷炫概念一下刷新了很多前端开发同学的三观，关于性能优劣的争论也在知乎上看到不少。不得不说React解决了一些前端项目开发的痛点，而我最近的一年多的工...

玩转 React 服务器端渲染 - 阅读 - 掘金
原文链接：https://blog.coding.net/blog/... React 提供了两个方法 renderToString 和 renderToStaticMarkup 用来将组件（Virtual DOM）输出成...

Vue2 服务端渲染：按需分块加载的首屏优化策略 - Smallpath 的小站 - 前端 - 掘金
本文介绍一种SSR与按需分块加载的首屏优化策略，可以达到将所有路由全部按需分块加载，并且完全不影响首屏速度的效果。 背景 SSR与按需分块加载，博主最初使用下来感觉其实意义有限 假如全部路由都使用按需分块加载，那么首屏时间很可能不降反增，因为首屏对应...

服务端渲染性能大乱斗：Vue, React, Preact, Rax, Marko - 前端 - 掘金
服务端渲染性能大乱斗：Vue, React, Preact, Rax, Marko 翻译自 Server-side Rendering Shootout with Marko, Preact, Rax, React and Vue从属于笔者的 ...

webpack 传统后端渲染的项目前端配置 - 前端 - 掘金
对于比较传统的后端渲染项目,前端一直处于比较尴尬的位置,很多时候前端就是写一些样式一些动效.然后直接把写好的html文件扔给后端(jsp之类的木板)这就让很多后端工程师工作繁重了不少.但是由于很多后端的js不是那么的熟练.导致了两个问题:1. 事件绑定直接在d...

Vue 服务端渲染业务入门实践 - 前端 - 掘金
作者：威威（沪江前端开发工程师） 本文原创，转载请注明作者及出处。 背景 最近， 产品同学一如往常笑嘻嘻的递来需求文档， 纵使内心万般拒绝， 身体倒是很诚实。 接过需求，好在需求不复杂， 简单构思 后决定用Vue， 得心应手。 切好图，...

Vue 2 服务端渲染初探 - 前端 - 掘金
写这篇文章, Vue 2 还在 Beta 呢... 参考资料 官方文档写得很清楚 似乎 Vue 1 有看到过通过 jsdom 做后端渲染的例子, 性能不佳.Vue 2 开始将 Virtual DOM 作为底层实现, 于是模块分离开始支持 SSR. 渲染步骤 ...