定义SPA单页面应用（SinglePage Web Application），指只有一个主页面的应用（一个html页面），一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。MPA多页面应用（MultiPage Application），指有多个独立页面的应用（多个html页面），每个页面必须重复加载js、c
转载
2024-04-24 12:51:43
65阅读
所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块，通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华，把AJAX的无刷新机制发挥到极致，因此能造就与桌面程序媲美的流畅用户体验。开发框架 ExtJS可以称为第一代单页应用框架的典型，它封装了
原创
2021-07-30 15:23:22
374阅读
'什么是单页面应用' 通俗点来讲就是在整个项目里浏览器至始至终没有刷新、整个项目就一个.html文件、 里面所有的页面都是通过组件来进行路由例如.vue组件、并通过ajax请求数据来实现数据交互、因为整个项目就一
vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互
转载
2024-01-17 06:06:10
135阅读
目录一、单页面应用程序 1. 什么是单页面应用程序2. 单页面应用程序的特点3. 单页面应用程序的优点4. 单页面应用程序的缺点5. 如何快速创建 vue 的 SPA 项目总结一、单页面应用程序 1. 什么是单页面应用程序单页面应用程序（英文名：Single Page Application）简称 SPA，顾 名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所
1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
原创
2022-04-06 11:25:33
1389阅读
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url
转载
2024-01-22 16:52:05
73阅读
1.1 安装prerender-spa-pluginvue.config.js:const path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')module.exports = { plugins: [ ... new PrerenderSPAPlugin...
原创
2021-11-30 16:01:53
269阅读
# Vue单页面应用中引入jQuery的实践与思考
在现代前端开发中，Vue.js 以其轻量级、高效和易用性而广受开发者喜爱。然而，在某些情况下，我们可能需要在 Vue 单页面应用中引入 jQuery 来实现一些特定的功能。本文将介绍如何在 Vue 单页面应用中引入 jQuery，并探讨其可能带来的问题和解决方案。
## 引入 jQuery 的原因
1. **兼容性**：对于一些老旧的浏览器
原创
2024-07-29 10:22:14
76阅读
单页面应用指一个系统只加载一次资源，然后下面的操作交互、数据交互是通过router、ajax来进 行，页面并没有刷新；<1>在vue搭建的环境里面怎么有没有公用的css和js?如果有是怎么引用的？ 有公用的css和js，有两种引用的方法：（要深刻理解单页面应用程序哦，单页面就是引入后在哪里都能使
Vue Router 是 Vue.js 官方的路由管理器，或者说是SPA（单页应用）的路径管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建
转载
2024-10-17 14:13:27
34阅读
Vue路由懒加载对于SPA单页应用，当打包构建时，JavaScript包会变得非常大，影响页面加载速度，将不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这就是路由的懒加载。实现方式
Vue异步组件
Vue允许以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。Vue只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。Vu
目录一.需求解析 二.代码的实现第一步 修改实体及数据库第二步 修改查询语句第三步：测试类 第四步 补充三层结构的代码 (Controller,Service )第五步： 编写前端请求三.最终效果 SpringBoot+Vue+Element个人博客项目一.需求解析 提出需求：如图首页的精选文章因为过多，导致页面变形。我们需要对筛选出
转载
2024-04-29 10:49:39
60阅读
现在的手机软件普遍都是单页面应用，尤其是商城类网站应用更广，那么为什么大多数企业都选择了单页面应用呢，原因主要是1，单页面应用只有一个主页面，切换页面更加流畅，比起传统的多页面应用项目会很清晰明了，没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了，Vue是公认的前端三大框架之一，还有react，angular，这里主要讲解Vue，日后在讲解其余两个框架吧。引入Vue.js，当
转载
2024-06-23 10:18:05
215阅读
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式
hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
144阅读
请先完成了项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件
这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一
转载
2023-11-20 05:04:17
111阅读
Vue详细介绍及使用（路由、Vuex）一、路由 前面我们说到了Vue是单页应用，那么什么是单页应用？ 单页面应用程序-SPA（Single Page Application）：整个网站只有一个页面，内容的变化通过局部更新实现、同时支持浏览器地址栏的前进和后退操作，而实现SPA过程中，
vue是当下非常流行的前端框架，在国内的流行程度已经超过了angular，react，原因主要是后来居上，上手容易，能够快速开发出产品。
这三个框架都是单页面框架，有很多概念是相似的，比如数据绑定，事件绑定，路由，组件等。
何为单页面应用呢？单页面意思就是说，展示在前端的页面都由这个模板页面衍生的，会被替换，其他部分则不变，第一次加载了页面文件，
后续都是数据交互，无页面。这就是为什么我们
转载
2024-05-29 12:32:17
60阅读
Vue基础问题总结大全（一）一、单页应用二、vue-router两种模式的区别 一、单页应用什么是单页应用？单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点： 优点： 1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操
转载
2024-04-19 15:54:06
104阅读
关于项目中环境变量的总结背景项目环境通常分为开发环境，测试环境，线上环境由于每一个环境的接口域名、webpack 配置都是不一样的，因此在打包构建时，咱们须要区分这些环境，这时就用到了环境变量在工做中使用到了两种方法来区分，下面将这两种方式一一列举出来技术框架是vue-cli@2.xjavascript首先看下下面的解释，后面会用到< process 对象是一个全局变量，提供 Node.js
