为什么需要Rendertron？传统的Web页面，通常是服务端渲染的，而随着SPA（Single-PageApplication）尤其是React、Vue、Angular为代表的前端框架的流行，越来越多的WebApp使用的是客户端渲染。使用客户端渲染有着诸多优势，比如节省后端资源、局部刷新、前后端分离等等，但也带来了一些挑战，比如本文要解决的SEO问题。对于服务端渲染的页面，服务端可以直接将内容通
分类：
其他好文 时间：
2019-12-19 23:19:34
阅读次数：
153
由于服务是axios 请求，地址/api/use, 端口默认80 了解过nuxt的生命周期，beforeCreated 和 created 是同时运行在服务端和客户端上的，mounted以后才会运行在客户端。 之前spa项目在created生命周期里请求数据，我使用的三方axios，那么整体转为ss ...
分类：
其他好文 时间：
2019-12-17 13:36:41
阅读次数：
636
如标题所说，本文提供的方法适用于多页面网站，如SPA单页面应用等不适用。 利用window.onpopstate和window.history.pushState 控制浏览器后退键失效，下面说一下如何实现。 1.在你需要禁止浏览器后退键的页面上加上下面的代码： <script> $(document ...
分类：
Web程序 时间：
2019-12-04 14:50:44
阅读次数：
89
? Table of Contents 1. SPA 1.1. Single Page Application 1.2. 页面不刷新 2. 创建项目（参考 react.org） 3. 简单的例子 3.1. index.js 入口配置 3.2. App.js 1 SPA 1.1 Single Page ...
分类：
其他好文 时间：
2019-11-30 19:22:35
阅读次数：
100
总体的html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="1.css"> <title>Title</title></head><body><span>G</spa ...
分类：
Web程序 时间：
2019-11-30 09:45:52
阅读次数：
73
由于本人所在项目组，所用的项目是前后端分离的，前端是React 的SPA，每次打包都会新版本的静态文件。 然而，在有些时候，这些静态资源是不变的，故可以将资源缓存至用户本地，提升性能。 写法如下，需要继承WebMvcConfigurerAdapter类，并重写addResourceHandlers方 ...
分类：
编程语言 时间：
2019-11-29 22:18:13
阅读次数：
181
为了保证网络的可靠性，我们一般选择冗余拓扑结构，但在冗余拓扑中，会出现环路。 环路带来的问题：1、广播风暴 2、帧的重复复制 3、交换机MAC地址表的不稳定 解决以上环路问题，我们引入了生成树协议。他能够发现并自动消除冗余拓扑中的环路。 1、采用SPA算法使冗余端口置于“阻塞状态” 2、网络中只有一 ...
分类：
其他好文 时间：
2019-11-28 21:32:09
阅读次数：
108
为了保证网络的可靠性，我们一般选择冗余拓扑结构，但在冗余拓扑中，会出现环路。 环路带来的问题：1、广播风暴 2、帧的重复复制 3、交换机MAC地址表的不稳定 解决以上环路问题，我们引入了生成树协议。他能够发现并自动消除冗余拓扑中的环路。 1、采用SPA算法使冗余端口置于“阻塞状态” 2、网络中只有一 ...
分类：
其他好文 时间：
2019-11-27 23:48:45
阅读次数：
220
指尖前端重构（React）技术调研分析 摘要：重构前的技术文档调研与分析，包括技术选型为什么选择react，应用过程中的注意事项等。 一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。 Angular出现最早，但其在原理上并没有R ...
分类：
其他好文 时间：
2019-11-25 11:41:50
阅读次数：
51
什么是单页面应用(SPA)？ 单页面应用(SPA)是指用户在浏览器加载单一的HTML页面，后续请求都无需再离开此页 目标：旨在用为用户提供了更接近本地移动APP或桌面应用程序的体验。 流程：第一次请求时，将导航页传输到客户端，其余请求通过 REST API 获取 JSON 数据 实现：数据的传输通过 ...
分类：
其他好文 时间：
2019-11-23 09:42:58
阅读次数：
88
