在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你。现在产品上有个需求：单页应用走到某个具体的页面，然后点击刷新后，刷新的页面要与刷新前

通过webpack运行起的项目如果不对图片资源做处理是不会加载到文件的。执行npm run dev发现并不会如期那样，界面上呈现图片。且报如下错误提示已经很智能了，需要安装loader解析此类文件。limit: 8192 //将小于8kb的图片 转为bas

本文主要简单讲一下单页应用的开发及部署方法，默认你懂一些服务端知识及nginx知识，如果有任何可以在下方评论留言。SPA可以说是这几年前端领域的一个技能栈了。单页应用实现了前后端分离，页面的渲染与路由跳转都由前端同学自行控制，后端只提供API接口。这种模式

在单页应用中可能会有一些特殊情况，需要不同的路由下显示不同的首骨屏。比如新闻列页和新闻详情页。一般这种需求可以后端动态生成包含首骨屏代码HTML实现，但如果想要纯前端实现的话目前并未发现比较好的库或插件。在公司的一个项目中有这种需求的情况，因此自己手动弄了

项目地址： vue2-multiple-entry 欢迎star. 基于vue2 + vue-router + vuex而组成的多页配置脚手架。基于 vue-router + vuex 的单页, 多种模式自由组合。在 module 文件夹中只留一个模块,

文章指南主题 承接这上一篇Vue + Webpack 构建模块化开发框架详解，我们知道了如何使用webpack对vue进行打包，从而开始我们的前端模块化开发之路，这一篇在上一篇的基础上讲解 Vue全家桶 + webpack 构建一个单页应用Demo

一直以来，对于webpack<=3来进行构建，还是比较得心应手的，然而随时技术的更新，webpack4出来了，紧随步伐，那就开始写一个webpack4的构建脚手架吧，optimization：主要是做webpack3当中commonchunk所做的事

之前一直都是在用AngularJs在做前台开发，这几天要做移动版页面，所以前端采用了Zepto+WEUI CSS来做，主要是因为Zepto比较小巧，用起来也JQuery一样锋利。用AngularJs时我们一直都是用ui-router做单页应用，为了保持PC

单页应用是什么？让我们先来看几个网站：。注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它是AJAX技术的进一步升华，把AJAX的无刷新机制发挥到极致，因此能造就与桌面程序媲美的流畅用户体验。开发框架ExtJS可以称为第一代单页

单页应用这个词初一听，还不知道是啥回事，没关系，这篇文章就一步一步地来揭开这个神秘的面纱。在传统的web应用中，有一系列的hmtl,jps页面，每个页面可能会进行跳转，当然它的步骤是下面的：。1）A页面发起跳转请求；2）服务器接受后将B页面展现给用户。在讲

在实际应用中一个完整的系统不会把所有的功能都做到一个网页中，因为这会导致网页性能不佳。实际的做法是按照功能模块划分成多个单页应用，每个单页应用生成一个HTML文件。之前我们解决了自动化生成HTML文件，接下来继续改造上一节的例子：。项目目前共有两个单页应用

只需三步即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目npm install -g vue-cli //全局安装 vue-cli. vue init webpack my-project // 创建一个基于 webpack 模

引入问题上一节3-9为单页应用生成HTML中只生成了一个 HTML 文件，但在实际应用中一个完整的系统不会把所有的功能都做到一个网页中，因为这会导致这个网页性能不佳。实际的做法是按照功能模块划分成多个单页应用，每个单页应用生成一个 HTML 文件。并且随着

Hexo Theme LiteKeep Calm, Lite and Writing.light single page blog application theme, using Vue, Vuex, ElementUI and so on.一款轻量单页

单页Web应用作为新一代Web模式，为用户提供了更流畅的体验满足感。早在Chrome5、IE8和Firefox3的年代就可以通过hash技术实现单页Web应用，而HTML5新history API的出现让单页Web应用从幕后迅速走向台前。Amaple 作为

首先来简单介绍一下webpack：现代 JavaScript 应用程序的 静态模块打包工具 。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图，并生成一个或多个 bundle 。webpack4.0出现之后，我们可以

个人博客之前已经将 vue-router 的模式改为了 history，即 url 中不包含 hash，再通过将所有的静态请求转发到 index.html，使它看上去似乎像一个静态多页的网站。然而，它其实和其他的 SPA 来说没有任何的区别，最终是通过前端

对于绝大部分SEOer来说，优化多页面的网站比优化单页面网站简单，因为单页面网站内容比较固定和简单，站内锚文本更是无从谈起，这些无疑增加了优化的难度。不可否认，单页面网站在SEM推广中，是不建议使用的，页面过于简单单一，造成用户体验不好，而且跳出率100%

系统架构介绍本项目开发基于 React + Redux + React-Route 框架，利用 webpack 进行模块化构建，前端编写语言是 JavaScript ES6，利用 babel进行转换。}webpack配置也算是实际体验了一把webpack，

React作为目前最流行的前端框架之一，其受欢迎程度不容小觑，从这门框架上我们可以学到许多其他前端框架所缺失的东西，也是其创新性所在的地方，比如虚拟DOM、JSX等。那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的。结合其他的一些主流前端框架，