缓存 手动keepalive vue
手动实现promise核心
了解Promise Promise 构造函数是 JavaScript 中用于创建 Promise 对象的内置构造函数。 Promise 构造函数接受一个函数作为参数，该函数是同步的并且会被立即执行，所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject，分别表示 Promis ......
如何在 Scrapy 中基于响应内容条件缓存特定响应
当使用 Scrapy 进行网络爬取时，HTTP 缓存中间件是一个十分有用的工具，它可以帮助我们保存和重用先前爬取的响应。但有时，我们可能希望基于响应的实际内容来决定是否进行缓存。例如，如果响应中包含某个特定关键字，我们可能不希望缓存它。本文将教你如何基于响应内容来定制 Scrapy 的 HTTP 缓 ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
【vue2】实现css动效逐个顺序展示的效果（简陋版）
效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）： 虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地） 首先是台阶部分的代码： <div :class="$style.reser ......
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址，直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 （1）报错一 （2）报错二~ 1.1问题分析 首先，检查代码，并没有什么错误的地方；其次，涉及到这个问题，可能就 ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库，还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3，从而在浏览器里实现所有调试功能。但实际项目中，使用专门调试工具。在项目上线之前，代码也需打包压缩，并考虑到研发效率和代码可维护性，所以在下面，需建立一个工程化项目实现这些功能。 工具 V ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{}，会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
maven初次体验--手动编译执行
自己手动新建一个文件夹maven01,再创建如下层的结构文件 maven01 src main java：这里创建一个java文件com.xxx.demo.Hello类，输出文字。 resources test java resources pom.xml 点击查看pom.xml文件代码 <proj ......
第四节：Redis数据持久化机制(备份恢复)、缓存淘汰策略、主从同步原理、常见规范与优化详解【转】
一. 数据持久化 1. 含义 Redis 提供了 RDB 和 AOF 两种持久化方式，默认开启的是RDB，如果需要AOF，需要手动修改配置文件进行开启。 RDB：是一种对Redis存在内存中的数据周期性的持久化机制，将内存中的数据以快照的形式硬盘，实质上是fork了一个子进程在执行数据存储，采用的是 ......
vue3.2+ts报错：找不到模块“./App.vue”或其相应的类型声明。
解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）加入下面内容： declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数，以支持更高级的组件功能和配置，这些包括： data：data选项用于定义组件的响应式数据。这些数据将被Vue追踪，以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods：metho ......
vue2 父传子，子传父
在Vue 2中，使用props来从父组件向子组件传递数据，而要从子组件向父组件传递数据，通常需要使用自定义事件。关键字分别是： 从父组件向子组件传递数据（父传子）： props：可以在子组件中使用props来接收父组件传递的数据。在父组件中，使用子组件标签的属性来传递数据。 示例： <!-- 父组件 ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
Vue学习笔记（九）：组件化编程
1 什么是组件¶ 当页面功能十分复杂时，将页面各功能化整为零，拆分成多个不同的小部分，这样便于分析，也有利于代码的复用，在vue中，我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能，可以扩展html，封装重用的代码。在使用vue时，我们可以将一个完整的页面拆分为多个组件，每个组件都用于 ......
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......
fastapi手动添加swagger文档描述
fastapi手动添加swagger文档描述 """在正常开发过程中,fastapi会自动地将正确响应(status=200)和输入校验失败响应(status=422)添加到文档中.当有自定义的响应描述添加到文档中时,就需要我们手动添加到路径函数的:responses参数中.用户可以按照openap ......
讲述vue中data值都有哪些，如何调用
讲述vue中data值都有哪些，如何调用 1,字符串 2，对象 3，函数 4，数字 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < ......
分布式缓存
分布式缓存可以使用Redis或者Redisson实现，具体选择哪个取决于你的具体需求和场景。 如果你的场景比较简单，只需要一个高效的缓存系统，那么使用Redis就足够了。Redis是一个非常流行的内存数据库，具有高性能、高可用性、丰富的数据结构和灵活的配置等优点。在分布式缓存方面，Redis通过集群 ......
vue项目打包，解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用，导致页面空白 静态资源无法使用，那就说明项目打包后，图片和其他静态资源文件相对路径不对，此时找到config里面的index.js，在build模块下加入assetsPublicPath: './', 如下图所示， 在History模式下配合使用nginx运行打包后的项 ......
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
vue框架，input相同标签如何定位-label定位
一、问题提出： 后台前端框架改版，之前是angularjs，现在用vue，导致input标签定位失败，只能定位到第一个input标签，查看后台源代码发现这两个标签是一模一样，如下图： 二、问题思考过程 1.为什么以前的版本可以定位成功，而现在的就定位不了啦 查阅之前版本的这部分定位代码，发现原来的框 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
vue $refs.aaa aaa模板引用子组件 是个空数组 原因
我的代码结构大致这样 <el-tabs v-model="activeTab"> <el-tab-pane v-for="(tab, index) in 一个数组bbb" :key="index" :label="tab.label" :name="tab.name" > <子组件 ref="aaa ......
问题记录贴：vue-i18n在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined
网上有用的解决方法：vue 国际化在弹出框中$t()报错：TypeError: Cannot read property '_t' of undefined 大佬给出的解决方法： 弹窗是一个新的Vue对象，只需要单独给弹窗重新绑定i18n即可。 代码： // dialog/main.js impor ......