缓存 手动keepalive vue
【vue : 无法加载文件 G:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本】问题解决
问题 全局安装vue-cli后,安装没问题,但是执行vue -V查看版本时出问题 出现这个报错的原因：在电脑上启动 Windows PowerShell 时，执行策略极大可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。 解决问题 1、可以 ......
Redis基于@Cacheable注解实现接口缓存
说明 @Cacheable 注解在方法上，表示该方法的返回结果是可以缓存的。也就是说，该方法的返回结果会放在缓存中，以便于以后使用相同的参数调用该方法时，会返回缓存中的值，而不会实际执行该方法。 | 属性名称 | 属性描述 | 举例 | | | | | | value/cacheNames | 指定 ......
vue3创建工程
创建 Vue3 项目的步骤如下： 安装 Node.js Vue3 需要依赖 Node.js 环境，因此需要先安装 Node.js。可以从官网下载 Node.js 的安装包并安装，也可以使用包管理器安装，例如在 Ubuntu 上可以使用以下命令安装： sudo apt-get update sudo ......
vue页面加全屏背景/背景平铺
<div id="building"></div> <style> #building{ background:url(""); width:100%; height:100%; position:fixed; background-size:100% 100%; transform:transla ......
Vue中import的模块未使用有何影响
在Vue应用程序中，如果你导入了一个模块但未使用它，这通常不会产生任何直接影响或错误。 然而，它可能会增加代码库的大小，导致加载时间变慢，因为未使用的模块仍然会被打包进最终的应用程序包中。 另外，未使用的模块也可能会给开发人员带来困惑，因为他们可能会认为某个功能已经被引入，而实际上并没有使用它。 为 ......
vue组件推荐
推荐组件 参考：https://zhuanlan.zhihu.com/p/542740566 图表：https://zhuanlan.zhihu.com/p/594968212 ......
Vue使用echarts环形进度条
要在Vue中使用Echarts环形进度条，您需要使用Echarts库和Vue-Echarts插件。 安装Echarts和Vue-Echarts插件： npm install echarts vue-echarts --save 在Vue组件中导入Vue-Echarts组件： import EChar ......
vue3 ant-design-vue datePicker/calendar 日期组件设置值显示错误
如下, 使用:value 给 calendar 设置默认值, 按照官方文档要求的格式, 引入 moment, 设置值 <template> <a-calendar v-model:value="date1" :fullscreen="false" @select="selectDate" /> </ ......
vue+leaflet示例:克里金插值渲染显示(附源码下载)
demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run ......
关于解决缓存雪崩和缓存击穿的问题
第二点.Redis哨兵保证高可用性，避免redis出现宕机后，导致全部服务瘫痪，数据库崩溃。 二：缓存击穿的问题，也叫热点KEY失效问题。 两种方法的比较： TRANSLATE with x English Arabic Hebrew Polish Bulgarian Hindi Portugues ......
对于缓存穿透问题，企业一般的两种解决方案
图二中，后4点提供了我们主动防范缓存穿透的一些方法，前两点则是我们已经遇到了缓存穿透问题进行的被动防范。 TRANSLATE with x English Arabic Hebrew Polish Bulgarian Hindi Portuguese Catalan Hmong Daw Romani ......
vue-cli/webpack4.x 打包--webpack配置--chainWebpack
webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用，避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap， ......
vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】
1.背景 与vue2组件不一样，没有那么随意，如果想要支持vite，那么不要使用webpack专属语法，如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ，至于是js还是ts随意 目录 简单做了个组件 入口文件内容如下 im ......
vue或者react中的hooks的理解
我们听过react 里面有hooks的概念，那么怎么理解hooks呢？ 其实vue2中，我们没有hooks的概念，vue3中我们引入了组合式函数（也就是用组合式api写的），它其实就是vue的hooks。 总结下来，hooks有以下特点： 1、hooks其实就是个函数，只是实现它的方法比较特殊，利用 ......
Vue整合EsMap
一、EsMap地图 1.1. 生成EsMap本地文件 1.1.1. 进入EsMap数字孪生三维可视化云平台 打开链接https://www.esmap.cn/esmapv/content/cn/member/index.html 1.1.1. 新建三维场景 点击新增三维场景，输入信息，点击下一步即可 ......
Vue2电商实战项目
单页面应用 分为3层 结构层(template) 样式层(style) 行为层(script) 入口文件main.js:程序最开始执行的文件 babel:就是翻译官,比如ES6语法转换成ES5语法 脚手架使用 - 命令行创建项目: vue create 项目名称 - node_modules:放置项 ......
VUE中 video标签进入页面自动带声音播放
正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
vue2 原理之 如何做到数据可以被监听？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
创建VUE项目，并使用VSCode进行代码
VUE项目的创建（VSC） 必要的下载 首先在官网中下载node.js，官网地址：https://nodejs.cn/ 在cmd中用命令行查看安装是否成功（以下两个命令行都要执行） node -v:显示版本号表示成功 npm -v:显示版本号表示成功 由于需要使用npm下载，配置npm的镜像为国内镜 ......
Docker 清除缓存、日志
命令介绍 查看docker各类型文件占用情况 docker system df Docker使用的 4 种磁盘类型： Images: 所有镜像占用的空间，包括拉取的镜像、本地构建的镜像 Containers: 运行中的容器所占用的空间（没运行就不占空间），其实就是每个容器读写层的空间 Local V ......
第二十篇 vue - 深入组件 - 插槽 - Slots
插槽内容与出口 我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？ 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段 可以像这样使用 <FancyButton> Click me! <!-- 插槽内容 - ......
vue elementui中使表的滚动条 滚到顶部或底部
1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop =this.$refs.tabl ......
第十九篇 vue - 深入组件 - 透传 Attributes - $attrs
Attributes 继承 “透传 attribute” 指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id 当一个组件以单个元素为根作渲染时，透传的 attribute 会自 ......
vue3+vite+ts 配置@时vscode报找不到__dirname的问题
vue3+vite+ts 配置@时vscode报找不到__dirname的问题-CSDN博客 原因：path 模块是 node.js 的内置模块，而 node.js 默认不支持 ts 文件的 解决：安装 @type/node 依赖包 npm install @types/node --save-de ......
VTKImageData 手动释放内存资源
一.VtkSmartPointer 使用智能指针创建对象，则无需手动调用Delete()方法减少引用计数，因为引用计数的增加与减少都是由智能指针自动完成的。VTK实现了便利的自动内存管理的概念，使用引用计数。与其他智能指针不同之处在于引用计数保留在VTK对象本身中，而不是智能指针类中。这样的好处在于 ......
vue动态添加input框
效果 代码 点击查看代码 </details> <el-dialog title="添加" :visible.sync="dynamicFormVisible" width="920px"> <el-form :model="dynamicForm"> <div> <el-form-item sty ......
缓存行与伪共享问题
局部性原理 时间局部性：如果数据正在被访问，那么在近期它很可能还会被再次访问。比如循环、方法的反复调用等。 空间局部性：如果存储器的位置被引用，那么将来他附近的位置也会被引用。比如顺序结构、数组。 CPU缓存 执行程序是靠CPU执行主存中代码，但是CPU和主存的速度差异是非常大的，为了降低这种差距， ......
布隆过滤器解决缓存击穿导致消息堆积的问题（无代码，讲思路）
问题描述。 周末消费者所在的服务出现了挂掉的问题，导致网关队列中出现了消息堆积的问题。 要么就是消费者服务挂掉，要么高并发导致消费的线程出现阻塞。 查看了日志得出是消费的线程多次去查询缓存和数据库都没有数据id，且数据杂乱无规律。导致缓存击穿，进而导致高并发查询数据库。 解决： 增加一个hutool ......
spring两级缓存可以解决循环依赖吗？
概念理解： spring的三级缓存 1层 singletonObjects 第一级缓存，存放可用的成品Bean。 2层 earlySingletonObjects 第二级缓存，存放半成品的Bean，半成品的Bean是已创建对象，但是未注入属性和初始化。用以解决循环依赖。 3层 singletonFa ......