缓存computed方法vue
vue watch immediate方法用法
* 通过`immediate` 选项,我们可以第一次监听时就执行回调函数,以便进行一些初始化操作. * 注意: 如果我们监听的事一个对象或数组类型数据,那么`immediate` 选项只会在实例初始化时执行一次回调操作，而不是在对象或数组内部数据变化时重新执行回调函数。 * 如果需要在内部数据变化时 ......
Vue-router跳转和location.href有什么区别
vue-router使用pushStat进行路由更新，不刷新页面，静态跳转； 使用diff算法，按需加载，减少dom操作， 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转，简单方便，但是刷新了页面； 不同页面间跳转 可 ......
StringUtils.join()方法使用
* StringUtils.join()方法使用 打印输出： * 使用 StringBuilder 进行拼接:张三,李四,王五 * 使用 StringUtils.join 进行拼接:张三,李四,王五 * 张三,李四,王五 * 张三&李四&王五 * 张三和李四和王五 * 手机 耳机 电脑 packag ......
watch、computed、methods的区别
一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split( ......
CPU 缓存一致性：MESI
概述 MESI（也称伊利诺斯协议）是一种广泛使用的支持 write-back 策略的缓存一致性协议。 MESI 状态 我们假设 CPU 中共有 $k$ 个核； CPU 中每个 cacheline 使用 $4$ 种状态进行标记： 状态 介绍 所有核中该状态的个数 MODIFIED 实际上是 exclu ......
Vue中的key
【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的 ......
vue记录滚动位置
# 1.目的 列表页进入详情页时缓存并记录滚动位置，返回列表页面不重新请求数据并滚动到离开时的位置 # 2.实现 ## 2.1.单页面 不管是浏览器前后退 还是router-link前后退都生效 ``` ``` ``` // 滚动位置 let scrollTop = 0; onActivated(( ......
C#实现软件开机自动启动的方法
C#/WPF/WinForm/.NET程序代码实现软件程序开机自动启动的两种常用方法函数的示例与实例带详细注释 方法一：将软件的快捷方式创建到计算机的自动启动目录下（不需要管理员权限） 1.必要引用 using System; using System.Collections.Generic; us ......
vue事件总线
//事件总线: 类似于单独对于一个功能的处理。组件间通信的方式；适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam ......
vue实现子父组件之间通信
<template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di ......
dilb安装的三种方法
dilb库安装失败，源码安装嘎嘎报错，所以这里记录一下 dlib库是一个很特殊的库，在下载dlib库之前需要下载两个库（cmake、boost这两个库） ~~~python pip install cmake boost ~~~ ## 解决办法一 安装的时候制定版本号，dlib的版本号需要和虚拟环境 ......
jquery 3.x 报错TypeError: e.indexOf is not a function解决方法
jquery 3.3.1版本报错TypeError: e.indexOf is not a function，这是因为$(window).load方法已经废弃。 产生错误的代码： $(window).load(function(){}); 修改为： $(window).on('load',funct ......
c# 使用反射调用泛型方法
简单记录一次反射的使用。目前有一个DbService的List Query(string expression=“”)方法, 需要根据下拉框选择不同的数据实体类，更新Wpf的Datagrid数据，简单如下图。  args, &can_try_again)。该方法的实现在src\hotspot\sha ......
关于Linux系统中xfs文件系统的创建方法及过程
XFS一种高性能的日志文件系统，最早于1993年，由Silicon Graphics为他们的IRIX操作系统而开发，是IRIX 5.3版的默认文件系统。 2000年5月，Silicon Graphics以GNU通用公共许可证发布这套系统的源代码，之后被移植到Linux 内核上。XFS 特别擅长处理大 ......
vue路由
1、 在dos窗口下安装 ``` npm install vue-router@3 --save-dev --registry=http://registry.npmmirror.com ``` 2、配置路由 ① 在src目录下面，新建 router文件夹 ② 然后再其中创建 index.js 路由 ......
vue组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
【vue】前端下载文件自定义文件名称
【vue】前端下载文件自定义文件名称 https://blog.csdn.net/weixin_48200589/article/details/125067618 下载文件自定义文件名称 文件下载名称不想和后端提供的URL一样怎么办呢？1.首先给按钮去绑定一个事件2.正常我们的下载处理方式3.自定 ......
MCU晶振负载电容的计算方法
MCU晶振谐振电容的计算方法 在实际应用中使用外置晶振（HSE）作为单片机时钟源时，经常会有工程师遇到定时精度误差较大，或者上电后系统不工作，需要手动复位一次才能正常工作的情况，此类现象多数都是外置晶振（HSE）的谐振电容选择不当导致。 单片机的晶振电路经常使用的是皮尔斯振荡电路，具体电路如下图所示 ......
Vue3
[toc] # 一 vue3 介绍 ## 1 Vue3的变化 ### 1.1 性能的提升 * 打包大小减少41% * 初次渲染快55%, 更新渲染快133% * 内存减少54% ### 1.2 源码的升级 * 使用Proxy代替defineProperty实现响应式 * 重写虚拟DOM的实现和Tre ......
常见的JVM调优方法有哪些？可以具体到调整哪个参数，调成什么值？
调优工具 console，jProfile，VisualVM Dump线程详细信息：查看线程内部运行情况 死锁检查查看堆内类、对象信息查看：数量、类型等 线程监控线程信息监控：系统线程数量。线程状态监控：各个线程都处在什么样的状态下 热点分析CPU热点：检查系统哪些方法占用的大量CPU时间内存热点： ......
学无止境--linux 代码中获取pid的方法
#include <linux/resource.h> #include <unistd.h> #include <signal.h> pid_t wd_pid; char line[8]; FILE *cmd; int pri; /*创建管道并创建shell子进程，执行pidof bspInit ......
Vue-watch-deep 深度监听
首先明确一个概念，Vue 是可以监听到 多层级数据改变的，且可以在页面上做出对应展示。但是 Vue 提供的 watch 方法，默认是不提供 深度监听的( deep 默认为 false，也就是不开启深度监听) (刚挂载的时候是不执行的，只有挂载完成之后的变化才会执行。如果我们想要初次挂载的时候就l执行 ......
vue中computed的详细讲解
1.定义 computed是vue的计算属性，是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 2.用法 一般情况下，computed默认使用的是getter属性 3.computed的响应式依赖(缓存) 1. computed的每一个计算属性都会被缓存起来，只要计算属性所依赖 ......
vue 的双向绑定原理（vue 的响应式原理）流程
一、原理 二、流程 第一步，“数据劫持” vue 2.x 用 Object.defineProperty() 方法来实现数据劫持，为每个属性分配一个 订阅者集合的管理数组 dep vue 3.x 用 ES6 的 Proxy 构造函数来实现数据劫持。 第二步，“添加订阅者” 在编译的时候在该属性的数组 ......
vue3进阶——组件基础
组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构，这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 ![image](https://img2023. ......
《vue短跑》基础语法
# ref和$ref 在Vue中，\$ref是一个特殊的属性，它允许您引用组件或DOM元素。可以使用$ref属性在组件或元素上绑定一个唯一的标识符，然后在Vue实例中使用\$ref来访问该组件或元素。类似于id选择器。 例如，假设您有一个组件： 点击查看代码 ``` Focus Input ``` ......