我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue多页面
原创
2022-11-21 10:58:23
413阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
# Vue 多页面架构
在Vue中，我们通常使用单页面应用（SPA）来构建Web应用程序。然而，在某些情况下，我们可能需要使用多页面应用（MPA）来满足特定的需求。本文将介绍Vue多页面架构的概念，并提供代码示例演示如何实现。
## 什么是多页面架构？
多页面架构是一种Web应用程序的架构模式，它由多个独立的HTML页面组成，每个页面都有自己的入口点和功能。与SPA不同，多页面应用程序在每个
原创
2023-07-22 03:24:42
121阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
# 鸿蒙路由页面转场
## 1. 背景介绍
随着鸿蒙系统的发展壮大，越来越多的开发者开始关注鸿蒙系统的开发和应用。而在鸿蒙系统的开发中，页面转场是一个非常重要的特性。页面转场可以给用户带来流畅的视觉体验，增强用户的操作感知。在鸿蒙系统中，我们可以使用一些简单的代码实现页面转场的效果。
## 2. 页面转场的基本原理
在鸿蒙系统中，页面转场的基本原理是通过切换页面的显示和隐藏来实现。当用户触发页
原创
2024-01-12 21:37:56
215阅读
Android最开始一个activity基本就是一个页面，但是没切换一次页面都要重新切换一个activity，这非常耗性能，并且随着平板的出现，更多时候我们只想切换一个页面的局部区域，因此fragment在Android3.0应运而生，fragment有自己的生命周期，但是比activity轻量和节约性能，因此现在更多是在一个activity上切换fragment来更新页面内容，和前端上单页面技术
转载
2023-07-23 19:38:46
389阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
什么是转场动画，我们先看一副动图：当我们点击第一个“湖面”缩略图时，跳转到第二个页面时有一个从左上角扩展图片的动画，而且这2张图片展示的是同一个内容元素，给用户一个很好的过渡效果，平滑的从第一个页面过渡到第二个页面。今天我们用一些简单的实例来展示一下转场动画如何实现，我们接下来要实现的第一个转场动画效果如下： 我们来看一下这里面是如何实现的（源码下载地址：).1. 布局文件这里为了转场我
转载
2024-04-09 13:48:29
92阅读
nginx配置nginx启动、停止、重新加载配置要启动nginx需要运行可执行文件，nginx通过 nginx - s 指令名 调用可执行文件。nginx -s stop 快速关机nginx -s quit 优雅关机nginx -s reload 重新加载配置文件nginx -s reopen 重新打开日志文件nginx配置文件的结构nginx由模块组成，这些模块由配置文件中
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl
转载
2018-11-03 16:02:00
279阅读
2评论
# Android Activity页面转场动画
在Android应用程序中，Activity页面转场动画可以增强用户体验，使应用看起来更加流畅和吸引人。通过添加转场动画，可以为用户提供更加直观的视觉提示，帮助他们理解应用程序中不同页面之间的关系。本文将介绍如何在Android应用程序中实现Activity页面转场动画，并提供代码示例。
## 转场动画类型
在Android开发中，常见的Ac
原创
2024-06-06 04:53:10
162阅读
Presentation ViewController基础知识在没有UINavigationController的时候，我们通常用present modally(弹出模态控制器)的方式切换视图。默认情况下，目标视图从屏幕的下方弹出。具体方法是：通过presentViewController(_: animated:completion:)来切换视图，通过viewController的modalTr
转载
2023-11-23 13:46:46
179阅读
一、多页面多系统应用思路 使用Vue搭建多页应用。所有系统都在同一目录下。配置多入口多出口。每个系统之间可以链接。每个系统内依然采用Vue单页应用开发。组件复用性 可以将所有的系统公共组件放到系统目录最外面，以达到组件复用。在系统内部依然将自己独立的组件封装，复用。这样可以最大限度的提高组件的复用性。路由 每个系统单独进行路由配置数据管理 每个系统数据仓库单独处理目录结构效果在做Vue项目的时候，
转载
2024-09-10 08:45:26
372阅读
自从习惯开发了单页面应用，对多页面的页面间的相互跳转间没有过渡效果、难维护极度反感。但是最近公司技术老大说，当一个应用越来越大的时候单页面模式应付不来，但是没讲怎么应付不来，所以还得自己去复习一遍这两者的区别：这样对比的话，单页面的优势确实很大，但当我自己去打开某宝，某东的移动端页面时，确实它们都是多页面应用。为什么？我能想到的就几点：1.单页
首先创建一个vue项目，不懂得可以看页面创建vue项目 或者npm创建vue项目第一步：修改配置vue.config.js创建成功后的项目配置为/**
* 简单页面使用配置
*/
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies
转载
2024-09-27 13:28:33
116阅读
