缓存方式localStoragesessionStoragestorage.js（实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染，自动缓存，并不能自己读写)localStorage可长期存储数据，除非用户清楚localStorage信息，否则数据会一直存在。同一中浏览器之间，不同页面，数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
1.简介 关于ifarem标签一般用于项目内外嵌页面。比如vue中经常会遇到外嵌页面的问题，但是有需求这样的 要求外嵌页面的内容保持缓存 项目中一不小心点他其它页面 再次切换回来 防止页面外嵌页面再次刷新。2关于使用keep-alive缓存不了iframe界面原因 很多人第一想法就是会使用 keep-alive 去实现组件缓存，但是对iframe标签是行不通的，keepalive作为缓存组件这里不
转载
2024-04-10 17:31:18
427阅读
准备工作：1.前端代码编辑器（Hbuilder）2.后端代码编辑器（eclispe)3.由江老师提供的后端接口代码demo一、后端接口的创建1.拷贝demo并重命名为20200327 2.右击src文件夹→new→package→urlDemo（起名）→Finish 3.右击urlDemo文件→new→class→PageData（起名）→Finish 4.点击PageData文件→编写代码→pa
转载
2023-08-06 14:21:04
66阅读
先给一种原始的方法sessionStorage或者localStorage先说一下实现原理：比如分页，你从第2页进入详情页返回为了方便用户体验，肯定最好能回到当前这一页我用的分页是elementui的分页，可以在分页切换的时候把页码缓存下来handleCurrentChange(val){
this.listQuery.pageNo=val;
sessionStorage.
转载
2023-10-12 07:15:03
186阅读
创建Vue前端项目一、创建Vue前端项目1、安装 Vue CLI1.1、下载Node.js因为需要使用 npm 安装 Vue CLI，而 npm 是集成在 Node.js 中的，所以第一步我们需要安装 Node.js，访问官网 https://nodejs.org/en/，首页即可下载。下载完成后运行安装包，一路下一步就行。然后在 cmd 中输入 node -v，检查是否安装成功。出现了版本号（根
转载
2023-10-14 10:12:59
65阅读
vue cmd命令所包含知识点：清除缓存：npm cache clean --force当npm install无效，需要进行npm cache clean --force命令操作， 如果这样操作不成功的话，去C盘清空一个文件夹： C/用户/administrator/appdata/Roaming/npm-cache 直接将路径下该文件夹右键删除 再重新npm install路由配置的两种方式l
转载
2024-05-14 14:52:27
426阅读
一、springboot项目搭建前言-使用技术springbootmybatis-plusmysqldruidlombok1.2 创建springboot项目(1) 选择新增:File->New->Project(2) 选择Spring Initializr，指定JDK版本，直接下一步(3) 填写项目相关信息，然后下一步(4) 选择组件，勾选中间Spring Web，然后下一步(5)
转载
2023-12-15 22:43:56
547阅读
用Spring Boot+Vue做微人事项目第十一天前两天做了微人事登录的前端页面和后端接口，第三天则实现了前后端接口的对接，输入正确的用户名和密码之后，成功的跳转到home页。第四天做了Home页的Title制作和下拉菜单，下拉菜单有三个选项，个人中心、设置和注销登录，还做了注销登录，点击注销登录会出现提示：“此操作将注销登录，是否继续”，点是就重新跳转到登录页面，第五天做的是左边的导航菜单，第
转载
2024-03-20 10:22:56
17阅读
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页 一句话总结一下： pageAList->pageADetail->pageAList,
转载
2024-06-13 14:58:41
1397阅读
# 在现有项目上加redis缓存
## 一、整体流程
为了在现有项目上加入Redis缓存，我们需要经历以下步骤：
| 步骤 | 任务 |
| --- | --- |
| 1 | 确保Redis已经安装和运行 |
| 2 | 引入Redis客户端库 |
| 3 | 配置Redis连接信息 |
| 4 | 在代码中使用Redis缓存 |
## 二、步骤详解
### 步骤1：确保Redis已经
原创
2024-01-21 05:19:22
53阅读
在开发 Vue + TypeScript 项目时，一项常见的技术痛点是如何将请求地址与项目后缀有效结合，以确保资源的正确访问及路由的顺畅。这一问题的解决涉及到多个层面，包括架构设计、性能优化和技术选型。接下来，我将详细记录解决这一痛点的过程。
## 背景定位
初始技术痛点：在 Vue + TypeScript 项目中，开发人员在请求 API 数据时经常遇到的问题是，如何以优雅的方式将请求地址统
一、前端 Vue.js + iview1、先查看本机是否安装了node.js、npm、和vue 使用cmd命令行窗口进行查看，输入之后，均显示对应的版本，证明安装成功！！！如果没有安装，可以参考前面的一篇博客：基于idea，从零开始搭建第一个vue项目2、打开idea，新建一个网页项目。这里取名为login，安装步骤，依次填写项目名称和对应的地址3、初始化包结构（因为已经安装的vue，所以减去了一
转载
2024-05-31 11:14:57
63阅读
解决Vue入口文件index.html缓存问题2018年11月16日 爱搞机 7533次浏览之前每次更新tool.chaozhi.hk的时候，总是要刷新两次才能生效，现在总算解决这个问题了。找过很多META标签的设置，例如下面这些，都不管用。vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。<meta http-eq
转载
2020-06-08 10:56:00
458阅读
2评论
# Vue项目在iOS中的缓存问题解决指南
作为一名开发者，iOS设备上存在缓存问题是我们经常遇到的挑战。这样的问题可能导致用户看到过期的信息或无法加载最新的应用内容。本文将详细介绍如何在使用Vue时解决iOS缓存问题，包括步骤和代码示例。
## 处理iOS缓存问题的流程
以下是我们解决iOS缓存问题的基本流程：
| 步骤 | 说明 |
|------|------|
| 1 | 确
# Vue项目解决iOS缓存问题
在Web开发中，缓存是一个很重要但又容易造成问题的特性。尤其是在iOS设备上，浏览器的缓存机制可能会导致一些开发者遇到意想不到的问题，尤其是在使用Vue框架时。本文将探讨如何在Vue项目中有效解决iOS设备的缓存问题，同时提供一些代码示例和状态图、序列图来帮助理解。
## iOS缓存机制问题
iOS设备（尤其是Safari）在某些情况下会对页面进行过度缓存，
各个软件版本号
一、下载Node.js
https://nodejs.org/zh-cn/ 自带npm包（管理依赖的）
node -v &
转载
2024-02-20 10:45:21
85阅读
用Spring Boot+Vue做微人事项目系列目录 前两天做了微人事登录的前端页面和后端接口，第三个则实现了前后端接口的对接，输入正确的用户名和密码之后，成功的跳转到home页。现在要做的就是Home页的Title制作Home页的Title制作使用Element UI中的Container布局容器复制的代码如下，把复制的代码放到Home.vue的template标签中,显示效果如下图
转载
2024-04-18 13:35:42
295阅读
自从前后端分离开发流行之后，饱受JSP摧残的程序员中与解放出来了，除了部分搞全栈开发的程序员，大部分后端程序员只需要专注于后台开发，前端的活之类的就丢给前端的同事做了，真正的是前后搭配，干活不累。 1.前端项目vue-demo创建前端项目需要安装node和vue环境，如何安装，自行百度，安装好环境之后在命令窗口输入如下命令初始化vue-demovue init webpack vue-d
转载
2024-04-19 11:07:18
169阅读
## Android源生开发加Vue项目的实现
### 1. 整体流程
为了实现"Android源生开发加Vue项目"，我们需要经历以下步骤：
| 步骤 | 描述 |
|---|---|
| 1 | 创建一个Android项目 |
| 2 | 集成Vue项目到Android项目中 |
| 3 | 构建和打包Vue项目 |
| 4 | 在Android项目中加载Vue项目 |
下面将详细说明
原创
2024-01-29 08:43:39
127阅读
博主说过这样一句话“
对于首次创建或打开的新项目，IntelliJ IDEA 都会创建项目索引，大型项目在创建索引的过程中可能会出现卡顿的现象，因此强烈建议在 IntelliJ IDEA 创建索引的过程中不要动项目。
”那么，索引到底是干什么用的呢？在本篇博文中，就让咱们一起了解索引的用途，对了，还有缓存。 IntelliJ IDEA 的缓存和索引主要是用来加快文件
转载
2024-03-07 22:27:02
98阅读
