缓存 手动keepalive vue
Vue-插槽及自定义事件分发
一.插槽slot 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符，它不是解决页面必须元素的位置，而 ......
vue中created和mounted区别
在 Vue.js 中，created 和 mounted 都是生命周期钩子函数，用于在组件不同的生命周期阶段执行代码。它们的主要区别如下： 1.created 钩子函数： 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建，并且组件的数据观测（data observation） ......
Springboot+Vue（一）
Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架，简化了Web应用的配置 2.用户向Controller发送请求，从数据库中获取到的数据存在Model中 当用户发出请求后，Controller向Model请求数据，响应之后返回到View ，通过HT ......
三大缓存问题
三大缓存问题 缓存穿透 什么是缓存穿透？怎么解决？ 缓存穿透：指查询一个一定不存在的数据，由于缓存是不命中时需要从数据库查询，查不到数据则不写入缓存，这将导致这个不存在的数据每次请求都要到数据库去查询，造成缓存穿透。 解决方案：最简单粗暴的方法如果一个查询返回的数据为空（不管是数据不存在，还是系统故 ......
Mybatis二级缓存
Mybatis二级缓存 还记得我们在学习Mybatis讲解的缓存机制吗，我们当时介绍了二级缓存，它是Mapper级别的缓存，能够作用与所有会话。但是当时我们提出了一个问题，由于Mybatis的默认二级缓存只能是单机的，如果存在多台服务器访问同一个数据库，实际上二级缓存只会在各自的服务器上生效，但是我 ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
Docker缓存占有太大的磁盘空间
Docker在不重建容器的情况下，日志文件默认会一直追加，时间一长会逐渐占满服务器的硬盘的空间，内存消耗也会一直增加。 查出占用磁盘较大的文件 Docker 的日志文件存在 /var/lib/docker/containers 目录中，通过下面的命令可以将日志文件夹根据升序的方式罗列出来。 sudo ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
Vue3中的Ref与Reactive：深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架，它引入了一些令人兴奋的新特性，其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心，本文将深入探讨它们的用法和差异。 什么是响应式编程？ 在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新， ......
Ubuntu通过certbot手动配置Let's Encrypt SSL泛型域名证书
1. 安装Snap 使用命令安装snap，以及core组件 sudo apt install snapd sudo snap install core sudo snap refresh core 2. 移除旧有的certbot sudo apt-get remove certbot sudo dn ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码（注意在官网注册和token值申请） <template> <div class="mapbox-map001"> <p> https://www.m ......
微信小程序全局变量（globalData）和缓存（StorageSync）的区别和用法
globalData和storage的区别一、app.globalData 是全局变量，下次进入的时候，就要重新获取，一般用于： 1、保存一些可能涉及安全类的数据，例如资源类，每次需要很准确的，就建议用全局变量。 2、全局变量每次关闭小程序重新打开的时候，都会进行初始化更新。 二、缓存（Storag ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
vue el-table-column 内容省略号，根据数字展示内容，鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist，打包成安卓apk安装包
1、先看这个（必看）：https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log（如不需要可跳过此步骤） npm install vconsole main.js中引入： import VConsole from 'vconsole' cons ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......
缓存Cache
研究生课程老师给了一篇论文，是关于缓存的，看完Abstract一脸懵逼之后决定来恶补一下，视频是观看的计算机组成原理（哈工大刘宏伟），这个随笔里的截图什么也都是视频里直接截图的，我只是想做个笔记自己之后再看~~~。 一、缓存存在的目的 程序局部性原理：通俗来讲就是一个变量在程序运行过程中，如果被引用 ......
ABP + Vue Docker 部署
#!/bin/bash echo " Welcome to docker build" echo "" echo "" ABP_HOST="abp/host" ABP_NG="abp/ng" cd .. echo " Building docker image $ABP_HOST..." # cd ......
vue3 将文件集合下载后导出zip文件
// 注意：文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹（不同模块建立不同文件，在i ......
手动下载并安装 PHP 和 WinCache
https://learn.microsoft.com/zh-cn/iis/application-frameworks/scenario-build-a-php-website-on-iis/configuring-step-1-install-iis-and-php 手动下载并安装 PHP 和 ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展，越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求，我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序，旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......