一步一步架构 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 一文中比较了当前流行的数个前端框架服务端渲染的性能表现,下图数值越高越...
服务端渲染简介 服务端渲染不是一个新的技术;在 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. 渲染步骤 ...