时会请求一个html文件，刷新清除一下，切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容却变化了。 原理： js会感知到url的变化，通过这一点可以用js动态地将 Read More
转载
2019-05-14 14:34:00
371阅读
问题描述： 手头有一个项目是使用 vue-cli 搭建的单页面应用。项目分为
原创
2022-03-29 11:23:07
1714阅读
1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
原创
2022-04-06 11:25:33
1304阅读
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次
前后端分离减轻服务器压力增强用户体验Prerender预渲染优化SEO
多页面应用（MultiPage Application，MPA）多页面跳转刷新所有资源，每个公共资源(js、css等)需选
转载
2019-01-25 21:13:00
259阅读
2评论
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl
转载
2018-11-03 16:02:00
260阅读
2评论
进入一家新的公司，要开发移动端app项目，前端技术选型时前端组长选的是vue的多页面开发，当时很蒙，vue不是单页面开发吗？咋出来多页面的。接触之后才发现确实存在也挺简单的，省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵！单页面开发我就不多说了，主要讲多页面的开发模式与最终效果，网上一搜单页面会有好多文章博客，但是搜多页面的就很少了，比如下面这个就是列了一下两种开发模式的优缺点
转载
2021-05-10 19:45:27
925阅读
2评论
单页应用优点：页面切换快因为页面每次切换跳转时，并不需要做html文件的请求，这样就减少了http发送缺点：首屏时间慢，SEO差因为首屏时需要请求html，同时还要发送js请求，两次请求回来了，首屏才会展示出来。相对于多页应用，首屏时间慢。SEO效果差，因为搜索引擎只认识html里的内容，不认识js的内容，而单页应用的内容都是靠js渲染生成出来的，搜索引擎不识别这部分内容多页应用优点：首屏时间快因
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式
hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
119阅读
请先完成了项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件
这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站如图:多页面应用（MultiPage Application，MPA）多页面跳转刷新所有资源，每个公共资源(js、css等)需选择...
转载
2022-07-12 17:07:26
211阅读
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点（SPA）单页面应用程序将所有的活动局限于一个Web页面中，在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成，单页面应用不会因为用户的操作而进行页
转载
2023-10-26 05:47:37
31阅读
单页面和多页面应用场景总结 一、总结 一句话总结： 多页面应用做官网、电商类这种对SEO和首屏加载速度要求比较高的项目，单页面可以做后台管理系统页面 1、什么是单页面应用？ a、【外壳页面】：在项目应用中，以单个html页面作为外壳页面，并在外壳页面一次性加载项目所依赖的资源（CSS、JS）。 b、
转载
2020-04-25 11:38:00
717阅读
2评论
vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url
单页面应用程序 SPA ： Single Page Application 单页面应用程序 MPA ： Multiple Page Application 多页面应用程序 单页 web 应用 就是只有一个 web 页面的应用， 是加载单个 HTML 页面， 并在用户与应用程序交互时， 动态更新该页面
转载
2020-03-31 15:33:00
169阅读
如何轻松的实现单页面应用
原创
2022-01-05 11:32:05
823阅读
前端
Vue是一款非常流行的JavaScript框架，它提供了一套高效、灵活、易于使用的前端开发工具。在实际开发中，我们通常会使用Vue来构建单页面应用（SPA），并将其部署到服务器上以便用户访问。本篇博客将介绍如何进行Vue单页面应用的部署配置。
构建生产版本
首先，我们需要将Vue应用程序构建为生产版本，这可以通过运行以下命令来完成：
npm run build
该命令将生成一个dist目录
原创
2023-04-16 23:44:52
1672阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1065阅读
单页 Web 应用概述传统的 Web 应用通过加载整个 Web 页面来实现与用户的交互。当用户点击一个链接或提交一个表单时，浏览器将向服务器请求一个全新的页面。这涉及到获取新页面的数据、卸载旧的页面和绘制新的 页面。按照这种方式进行用户交互势必影响到 Web 应用的性能。并且，由于网络延时的存在，页面与页面之间的切换很可能会不流畅，从而进一步影响用户体验。SPA 能够缓解传统的 Web 应用存在的
