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 的原理并对其进行对比。 1、前言 前端技术年年有新宠，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. 渲染步骤 ...