m0_63563047的博客

Vue-内置指令与自定义指令

m0_63563047 — Tue, 17 Sep 2024 15:40:27 +0800

需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。需求2：定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。自定义指令总结：一、定义语法：(1).局部指令：new Vue({directives:{指令名:配置对象}})或new Vue({directives{指令名:回调函数}})Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)

Vue-组件

m0_63563047 — Tue, 17 Sep 2024 14:59:16 +0800

在 Vue中，组件可以被视为一个独立的 Vue 实例，具有其自己的数据、模板和方法，可以独立处理其内部逻辑，与其他组件和 Vue 实例进行交互。

Vue-生命周期

m0_63563047 — Tue, 10 Sep 2024 20:30:17 +0800

常用的生命周期函数：1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例销毁后借助Vue开发者工具看不到任何信息。销毁后自定义事件会失效，但原生DOM事件依然有效。一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了。

Vue-绑定样式

m0_63563047 — Tue, 10 Sep 2024 14:54:46 +0800

要绑定多个样式，个数确定，名字也确定，但不确定用不用。:style="[a,b]"其中a、b是样式对象。要绑定多个样式，个数不确定，名字也不确定。类名不确定，要动态获取。

Vue-列表渲染

m0_63563047 — Mon, 09 Sep 2024 18:31:30 +0800

值主要是供 Vue 内部使用的。它用于帮助 Vue 跟踪每个节点的身份，以便在更新时能够高效地重新渲染组件。2.语法：v-for="(item, index) in xxx",key="yyy"这里用index作为key值，点击再添加一个药物后，这里会引发顺序不一致的问题。对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key，数组、对象、字符串（用的很少）、指定次数（用的很少）创建新的真实DOM，随后渲染到到页面。1.用于展示列表数据。

Vue-条件渲染

m0_63563047 — Mon, 09 Sep 2024 17:17:33 +0800

3.备注：使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到。注意：v-if可以和:v-else-if、v-else一起使用，但要求。特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉。（被打断后面的结构将不会解析）不展示的DOM元素直接被移除。结构不能被“打断”。

Vue-监视属性（侦听属性）

m0_63563047 — Mon, 09 Sep 2024 16:42:29 +0800

监视就是对内置对象的状态或者属性变化进行监听并且做出反应的响应，在 Vue.js 中，监视属性（watchers）是用于观察 Vue 实例中的数据变动的一种机制，当需要在数据变化时执行异步或开销较大的操作时，适合使用监听属性。

Vue-计算属性

m0_63563047 — Sat, 07 Sep 2024 21:56:54 +0800

在 Vue.js 中，计算属性（computed properties）是基于它们的依赖进行缓存的属性。与方法不同，计算属性会在其依赖的数据发生变化时重新计算，而在依赖未改变的情况下，它会返回之前的计算结果，从而提高性能。：计算属性会根据其依赖的响应式数据进行缓存，只有当依赖的数据发生变化时，计算属性才会重新计算，使得计算属性在性能上比方法更优。：计算属性是声明式的，可以直接在模板中使用它们，就像使用普通的数据属性一样。以下从插值语法，methods方法，计算属性三种方法实现姓名案例。

Vue-事件处理

m0_63563047 — Sat, 07 Sep 2024 21:28:34 +0800

Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。2.Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（短横线命名）(1).配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发。5.Vue.config.keyCodes.自定义键名 = 键码，可以去定制按键别名。(2).配合keydown使用：正常触发事件。

Vue-数据代理

m0_63563047 — Sat, 07 Sep 2024 15:29:52 +0800

Vue中数据代理就是通过Object.defineProperty()把data对象中所有的属性添加到vm上，且数据从data到vm中的过程，又为每一个属性添加上getter和setter方法，用户修改或者读取时，也是通过getter或setter方法访问_data，_data返回或操作data中的数据实现的。运行后打开控制台可以看到，属性已经被已添加到对象中，观察控制台可以发现新增属性同原有属性颜色不一样，新增属性是区别于原属性的，因为使用。，可以看到，属性都做了数据代理，也就是通过。

git-常用命令

m0_63563047 — Thu, 05 Sep 2024 10:04:55 +0800

1.git init 初始化项目所在目录，初始化后会在当前目录下出现一个名为 .git 的目录。 # 初始化本地仓库，在当前目录下生成 .git 文件夹 $ git init 2.git config 主要是用来配置 Git 的相关参数，其主要操作有： # 查看配置信息 # --local：仓库级，--global：全局级，--system：系统级 $ git config <--local | --global | --system> -l # 查看当前生效的配置信息 $

解决：java.sql.SQLException: Unknown system variable ‘query_cache_size‘

m0_63563047 — Wed, 04 Sep 2024 15:50:47 +0800

原因：query cache 在 mysql 的5.7.20版本已经过时，并且在 mysql 8.0 版本中被删除。出现上面这个问题，应该是数据库驱动程序与数据库版本不一致导致的，需要提高驱动程序版本或者使用低版本的数据库驱动程序。使用低版本的数据库驱动程序，不用修改配置连接。运行一个spring项目时出现以下报错。解决方案1：提升数据库驱动程序的版本。注：数据库驱动需与数据库版本一致。并且修改连接配置信息。

JavaScript:垃圾回收机制

m0_63563047 — Wed, 10 Jul 2024 15:41:25 +0800

1.垃圾回收机制垃圾回收机制(Garbage Collection) 简称 GCJS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题。但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况。不再用到的内存，没有及时释放，就叫做内存泄漏。2.可达性JavaScript 中主要的内存管理概念是。“可达”值是那些以某种方式可访问或可用的值。它们被存储在内存中。

JavaScript：“use strict”严格模式

m0_63563047 — Wed, 10 Jul 2024 15:01:12 +0800

JavaScript不断向前发展且并未带来任何兼容性问题，新的特性被加入，旧的功能也没有改变，这样虽有利于兼容旧代码，但写JavaScript代码时一些错误和不完善的地方存留在JavaScript语言中。ES5规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能能够使用，大部分修改是不生效的，需要“use strict”来明确激活这些特性，即同样的代码，可能运行结果不一样，一些“正常模式”下可以运行的语句，在“严格模式”下将不能运行。

解决：json-server : 无法加载文件 C:\Users\mxy\AppData\Roaming\npm\json-server.ps1，因为在此系统上禁止运行脚本。

m0_63563047 — Sun, 07 Jul 2024 17:18:54 +0800

win10 现在默认策略为 Restricted，该策略情况下是禁止在终端下运行脚本文件的，所以我们想要通过powershell 来运行我们的脚本文件的话就需要我们更改其策略才行。：以管理员身份运行PowerShell，执行Set-ExecutionPolicy RemoteSigned将执行策略更改为RemoteSigned。