缓存computed方法vue
创建型设计模式-工厂方法 Factory Method
### 简介 工厂方法中，每一个具体工厂类都对应创建一个具体产品类，所有具体工厂类都实现抽象工厂，所有具体产品类都实现抽象产品。 抽象工厂定义了创建抽象产品的方法签名，具体工厂类各自实现各自逻辑，来创建具体的产品。 ### 角色 - 抽象工厂 Abstract Factory 定义创建产品的方法签名 ......
vue--day78---路由的基本使用
### 1.基本使用 1. 安装vue-router，命令：```npm i vue-router``` 2. 应用插件：```Vue.use(VueRouter)``` 3. 编写router配置项: ```js //引入VueRouter import VueRouter from 'vue-r ......
Python类属性与方法的使用
# 类属性与方法的使用class Goods: id_count = 0 # 装饰器写法，@class method用来定义类方法 @classmethod def generate_id(cls): cls.id_count += 1 return cls.id_count def __init_ ......
vue3探索——使用ref与$parent实现父子组件间通信
在vue3中，可以使用vue3的API `defineExpose()`函数结合`ref`或者`$parent`，实现父子组件数据的传递。 # 子组件向父组件传递数据`defineExpose()`和`ref` - 子组件：通过`defineExpose()` 函数，向外暴露响应式数据或者方法 `` ......
使用 vue 渲染静态模板
最近再一次需要做纯静态页面（无任何脚本语言，只保留 css 和 html），以往我直接使用 ejs 生成，但是工作中一直使用 jsx 和 vue 来组装页面，就突发奇想，难道 react、vue 不能只渲染纯静态页面吗？ 有了这个想法，我就想验证下可行性，万能百度开始，找了一圈，发现基本都是需要脚本 ......
如何在Vue项目中引入富文本编辑器(wang-enduit)
##介绍 官网 https://www.wangeditor.com/ ##安装 ``` yarn add @wangeditor/editor npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@nex ......
SQL注入MYSQL中写入木马getshell的两种方法
# into outfile直接写入木马文件 ## 使用条件： - 知道网站的绝对路径 - secure_file_priv不能为null - 拥有写入文件的权限 ## 使用方法： 利用into outfile写入木马文件 ``` select "" into outfile "D:\\phpstu ......
【坑】VUE中动态数据使用 wow.js 没效果的问题
一般来说正常使用都是在mounted 函数中 mounted() { this.$nextTick(() => { this.$wow.init() }) } 这样如果是死数据是可以正常出现效果的 但是如果是请求回来的数据是没有效果的 需要改一下生成时机 此处的newList 即为请求的数据 wat ......
一文解锁vue3中hooks的使用姿势
## vue3 中的 hooks 是什么? 简单来说如果你的函数中用到了诸如 ref,reactive,onMounted 等 vue 提供的 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我的理解则是 > 它可以通过特定的函数将逻辑 ......
vue3如何监听 props 的变化？
背景 实际开发过程中，当需要通过 watch 监听传入的 props 的某个值的变化，来动态改变组件内部的样式，实现方式如下： export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
有间隙得饼图实现方法
有两种办法： 第一种就是加border：适用于饼图内之间数值极差很小得情况。 第二种就是将间隙当作饼图得一部分，只不过色块是透明的而已。 data.push( { value: item.dataNum, name: name, rateData:item.dataRate, itemStyle: ......
视频汇聚/视频云存储/视频监控管理平台EasyCVR安全检查的相关问题及解决方法2.0
开源EasyDarwin视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平 ......
computed和watch的区别
1、computed是计算属性；watch是监听，监听data中的数据变化。 2、computed支持缓存，当其依赖的属性的值发生变化时，计算属性会重新计算，反之，则使用缓存中的属性值；watch不支持缓存，当对应属性发生变化的时候，响应执行。 3、computed不支持异步，有异步操作时无法监听数 ......
vue语言中的keep-alive的作用
在前端Vue语言中，keep-alive是一个抽象组件，用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态，以避免在组件之间切换时重复渲染和销毁组件，从而提高性能。 使用keep-alive包裹动态组件后，当动态组件被切换时，它将会被缓存，而不是被销毁。这样，组件的状态、DOM以及所有的子 ......
小白最近比较闲，于是整理了一些日常使用的VUE组件
1.VUE中给Dom元素动态添加样式 VUE中，给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致，来动态添加元素的类，同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上，否则样式可能添加不上。 这种情况下可以在 com ......
文字识别-读取JPEG文件出错解决方法
 >报错 ![](https://img2023.cnblogs.com/blog/3005444/202309/3 ......
vue项目新建 端口更改
#### vue项目新建步骤 vite创建vue3项目： 在需要的文件目录中输入cmd命令，打开命令窗口，在当前文件目录下创建项目（直接打开命令窗口，默认C盘创建项目） ``` 第一步：npm init vite-app vue-code //code为项目名 第二步：cd ./vue-code / ......
vue3.0 el-table 动态合并单元格
<el-table v-resize:34 style="margin: 10px 0 10px" :data="tableData" :header-cell-style="{background: '#F6F6F6', height: '10px','text-align':'center'}" ......
数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
视频汇聚/视频云存储/视频监控管理平台EasyCVR安全检查的相关问题及解决方法2.0
开源EasyDarwin视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平 ......
Vue3带来的新变化
Vue3带来的新变化 性能提升 首次渲染更快 diff算法更快 内存占用更少 打包体积变小 更好的Typescript支持 Composition API （重点） 在使用vue2.x版本开发较复杂的组件时，逻辑难以复用，组合式api的出现可以解决此类问题 相关阅读： Vue3 中文文档 https ......
antd限制开始时间与结束时间范围是30天，并不能选择当前日期之后的日期 vue3（默认展示近7天）
<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate" style="width: 240px" separator="~" :allow-clear="false" @change="onChange" ......
Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)
参考：https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例： ......
Windows 官方提供的触屏硬件延迟测量方法
本文记录微软 Windows 官方在 Windows Hardware Lab Kit 提供的触屏硬件延迟测量方法 [Overview of measuring Touch Down Hardware Latency - Microsoft Learn](https://learn.microsof ......
WPF 自定义控件入门 可重写的各个方法或属性的意义
本文属于 WPF 自定义控件入门系列博客。本文整理在 WPF 里面，自定义控件，非用户控件时，可以重写基类的许多方法和属性，这些方法和属性的作用和含义。方便让大家了解到自定义控件时，有哪些方法或属性可以被重写，重写时的正确实现以及其影响是什么 这是有伙伴问我，他在自定义控件时，发现了自己的自定义控件 ......
dotnet 6 已知问题 ManualResetEventSlim 的 Set 方法抛出空异常
本文记录一个 dotnet 6 已知问题，此问题预计是在 .NET Framework 4.5 时就引入的，我没有考古在 .NET Framework 4.5 之前是否还存在此问题。当前这个问题在 .NET 7 修复 这是从我的埋点上报遥测收集到的异常信息，在线程池里面的调用堆栈，调用到 Manua ......
git fatal detected dubious ownership in repository 的解决方法
我换了一台电脑，将旧电脑的硬盘换到新电脑上；我装了双系统，切换到另一个系统时；我发现了 git 代码仓库无法执行 git 命令，不断报错 fatal: detected dubious ownership in repository at 'C:\lindexi\Code\Foo' is owned ......
Win32 使用 CreateProcess 方法让任务管理器里的命令行不显示应用文件路径
本文记录一个 Win32 的有趣行为，调用 CreateProcess 方法传入特别的参数，可以让任务管理器里的命令行不显示应用文件路径 开始之前，先看看下面这张有趣的图片  可以看到我 ......
Xcode & cocoapods错误:File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphonesimulator.a解决方法
问题描述: 引入了一个新的cocoapods依赖之后,启动运行,显示Fail,报错File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/li ......