weixin_65789846的博客

原创 Bing每日壁纸网站【非官方】

开放API接口 - Bing每日壁纸档案库

原创 Elasticsearch的常用命令结果解释

Elasticsearch 就像一个分布式图书馆网络，擅长存储和检索大量结构化和非结构化数据。索引是主题，文档是具体内容，分片和副本保证了效率和安全。查询时，集群协作快速返回结果，非常适合大规模数据分析和检索。希望这个类比和故事帮助你更好地理解 Elasticsearch！规划映射很重要在索引创建时，合理设计字段的映射（类型、分词器等）有助于优化性能。考虑数据的查询需求，选择合适的类型（text或keyword升级到单类型模式。

原创 @Autowired注入之后是空 的问题解决

我在写毕设，由于之前只是停留在听课，实操不多，后面实操的时候又是大量的复制粘贴，并没有去改，比如下面这段代码，当时是从优快云博客学jwt抄的。

原创 跨层组件通信Vue3【传递数据和方法】

数据方法总结。

原创 获取真实DOM数据【组件同理】，类似表单

获取要加挂在完之后执行，即onMounted里面可以写使用相关DOM或组件的代码。特别的，组件会默认获取不到属性和方法。

原创 Vue 子传父

输出看控制台。

原创 Vue3的父传子

【代码】Vue3的父传子。

原创 Vue3完整生命周期，使用代码举例

在这个示例中，我定义了一个名为logMessage的函数，用于在每个生命周期钩子中打印一条消息，指示该钩子被调用。然后，我使用了所有的组合式API生命周期钩子，并在每个钩子中调用logMessage函数。请注意，setup函数是组件生命周期的第一个钩子，但它在这个示例中没有显式地作为一个生命周期钩子来处理。在setup中，我们主要定义组件的状态和逻辑。这样，当组件经历不同的生命周期阶段时，相应的钩子会被调用，并打印出相应的消息。在setup中定义组件的状态和逻辑，然后在相应的生命周期钩子中执行特定的操作。

原创 Vue的data和methods

在上述代码中，methods对象定义了一个changeMessage方法，该方法用于改变message变量的值，并在模板中通过元素的@click事件处理器进行调用。data：data属性用于定义组件的状态，即组件中可以被模板引用和操作的变量。在data对象中，你可以定义各种变量，这些变量可以在组件的模板中通过插值表达式或绑定属性等方式进行展示和操作。在Vue组件的开发中，合理地使用data和methods可以帮助我们更好地组织和管理组件的代码，提高代码的可读性和可维护性。

原创 Vue3 生命周期API

总结一下，生命周期钩子主要用于在组件的不同阶段执行特定的操作，比如初始化数据、监听页面挂载和卸载时的处理、响应式数据更新时的操作等。选项式是传统的Vue2中的写法，而组合式是Vue3中新引入的API，更加灵活和可组合。通过合理使用生命周期钩子，可以更好地管理组件的生命周期，提高代码的可维护性和性能。：在实例挂载之前被调用，此时可以对模板进行一些操作，但是还没有挂载到DOM。：在数据更新之前被调用，此时可以对模板进行一些操作，但是还没有更新到DOM。中，可以处理数据更新前的逻辑，比如计算新的样式。

原创 Vue3钩子是什么？

2.∗∗挂载阶段∗∗：−‘beforeMount‘：在模板编译成虚拟DOM后，真实DOM渲染之前被调用。这与现实生活中的钩子有些类似，钩子可以挂住或捕获某些东西，而在 Vue.js 中，钩子方法捕获了生命周期中的特定时刻。通过在适当的钩子中执行操作，可以确保代码在正确的时机执行，避免潜在的问题。：实例销毁之后被调用，这时候组件已经从 DOM 中移除，所有的事件监听器已经被移除，所有的子组件也已经被销毁。：挂载完成后被调用，这时候已经生成了真实的 DOM，组件已经挂载到页面上，可以访问 DOM 节点。

原创 精确侦听对象的某个属性

这个需求是使用Vue3的响应式系统来监听一个对象的特定属性变化，具体来说是监听一个名为info的Ref对象中的age属性，当age发生变化时，执行一个回调函数来记录这个变化。这个需求是使用Vue3的ref和watch来精确监听一个对象的特定属性变化，具体来说是监听info对象的age属性，当age发生变化时，执行一个回调函数来记录这个变化。总的来说，这个例子展示了如何使用Vue3的ref和watch来精确地监听一个对象的特定属性变化，这对于在不使用deep的情况下，只关注特定属性的变化是非常有用的。

原创 watch的immediate使用方法

另外，immediate选项默认是false，也就是说，如果不设置immediate: true，那么回调只有在count发生变化时才会被触发，侦听器创建时不会触发回调。在你的例子中，你定义了一个响应式变量count，初始值为0，然后使用watch来监听count的变化，当count发生变化时，会输出“count发生了变化”。如果你想看到多次输出，你需要改变count的值。不过，需要注意的是，在这个例子中，count的初始值是0，而你并没有在代码中改变它的值，所以只有一次输出，即立即触发的那次。

原创 watch的deep用法

默认情况下，watch监听的ref对象是浅层监听的，直接修改嵌套对象的属性不会触发回调执行，需要开启deep选项。如果去掉deep选项，直接修改state.value.count++将不会触发watch的回调，也不会更新视图，因为watch只检测state本身的变更，不检测嵌套属性。由于启用了deep选项，watch能够检测到state.value.count的变化，从而触发回调，打印'数据变化了'。然后，使用watch监听state，当state变化时，打印'数据变化了'。

原创 Vue3中的watch函数

回调函数接收两个参数：新的值（newValue）和旧的值（oldValue），不过在这个例子中，我们只打印了新的值。这只是一个简单的例子，展示了如何使用watch函数来监听一个变量的变化。对象或其内部属性如何变化，watch函数都会捕捉到这些变化，并在回调函数中打印出新的状态值。让我来给你举一个具体的例子，这样你就能更好地理解Vue3中的watch函数是如何工作的。的值会增加1，watch函数会检测到这个变化，并在控制台中打印出新的。然后，在组件的模板中，你可以添加一个按钮，当用户点击时，调用。

原创 computed 的使用方法【Vue3】

让我来给你举一个具体的例子，这样你就能更好地理解Vue3中组合式API下的计算属性（computed properties）是如何工作的。在组合式API中，你可以使用普通对象来定义响应式数据，因为Vue3的响应式系统会自动使它们具有响应性。注意，在组合式API中，计算属性的定义方式与选项式API有所不同。确保你的计算属性是基于响应式数据进行计算的，这样当数据发生变化时，计算属性的值也会自动更新。在组合式API中，计算属性的定义方式与选项式API有所不同，但功能相同。如果你有任何进一步的问题，请随时提问。

原创 ref() 和 reactive() 区别

用于创建响应式的标量值，比如数字、字符串、布尔值等基本数据类型，以及对象和数组等复杂数据类型。用于创建响应式的对象和数组。它接受一个对象或数组，并返回一个响应式的代理对象。都是 Vue 3 中用于创建响应式数据的方法，但它们之间存在一些关键差异。是一个响应式的对象，你可以直接访问和修改它的属性，如。总之，根据你的数据类型和需求，你可以选择使用。是一个响应式的 ref 对象，你可以通过。属性的对象，这个对象是响应式的。对于复杂的对象和数组，：自动处理嵌套对象和数组的响应式。：直接访问和修改对象的属性。

原创 ref()使用举例【Vue3】

是一个响应式变量，它的初始值为 0。你可以通过这个变量来读取和修改计数器的值，Vue 会自动处理它的响应式。当状态需要在多个组件中共享或需要更复杂的状态管理时，可以考虑使用 Vuex 或 Pinia 等状态管理库。它允许你创建响应式变量，这些变量的变化可以被 Vue 跟踪，并触发视图的更新。创建的变量是响应式的，这意味着当它们的值发生变化时，依赖它们的模板或计算属性会自动更新。函数来创建一个响应式变量。的基本用法，以及如何在 Vue 3 组件中创建和使用响应式变量。是响应式的，界面会自动更新以反映新的值。

原创 reactive使用举例【Vue3】

是Vue 3中引入的一个函数，它接受一个对象并返回一个响应式代理对象。这使得我们可以更容易地在组件中管理响应式数据。这使得我们在Vue 3中更容易地管理组件的状态，特别是当状态比较复杂时，比如包含多个属性和嵌套对象时。在模板中使用这个响应式对象的属性，Vue将处理它们的响应式。现在，你可以在模板中使用这些属性，它们将是响应式的。会增加1，由于它是响应式的，页面会自动更新显示新的计数。函数创建一个响应式对象，并传入一个初始对象。在这个例子中，当你点击按钮时，首先，你需要在你的组件中导入。

原创 pip镜像源

pip3 install numpy -i https://pypi.tuna.tsinghua.edu.cn/simple

原创 Anaconda基本使用

Anaconda 是一个功能强大的 Python 发行版，提供了包管理、环境管理和数据科学相关工具。掌握 Anaconda 的基本操作可以大大提高你的工作效率，尤其是在处理数据科学和机器学习项目时。本文介绍了 Anaconda 的一些基础操作，包括创建虚拟环境、安装和管理包、使用 Jupyter Notebook 等。通过熟悉这些操作，你将能够更高效地使用 Anaconda 进行开发。如果你想深入了解 Anaconda，还可以参考官方文档。希望本文对你有所帮助！如果有任何问题或疑问，请随时留言。

原创 取消Anaconda出现Terminal的自动base

文件，可以通过 Conda 的命令来禁用自动激活。

原创 树莓派解压命令

解压.zip文件：使用解压.rar文件：使用这些命令可以让你在树莓派上方便地解压常见的压缩文件格式。

原创 Mapper.xml 符号的代替

原创 Calendar的具体用法【Java】

Calendar是Java中用于处理日期和时间的类。它提供了一些常用的方法，可以。

原创 【未完】如何实现Dao接口【SpringBoot】

1.当Dao接口参数是entity的时候。

原创 在IDEA中使用Git【完成某功能后进行的步骤】

信息需要上传到什么分支上面，就切换到什么分支上面（注意：不要停留在自己的分支）6.切换到（check out）刚刚自己创建新的分支。3.右击自己的分支（自己实现了某功能的分支）2.提交完之后看下面的区域。5.根据项目创建新的分支。4.删除掉自己的分支。

原创 JWT中的负载指的是什么？

分隔：头部（Header）、负载（Payload）和签名（Signature）。签名部分是根据头部、负载和密钥通过特定的算法（如 SHA256）生成的。一个完整的 JWT 由三部分组成，用点（

原创 Redis 操作分类记忆

【代码】Redis 操作分类记忆。

原创 IDEA创建聚合项目【2023.2.8】

（我不知道叫什么，就只要用根目录来称呼了）这一步会有根据版本的不同而有点不一样，不过有一点可以参考的是，在具体配置中，会有一个单词叫做【Archetype】，如果你不是这个图片的，可以看这个视频IDEA(开发工具篇)-创建Maven聚合工程这个是创建好的项目的根目录的样子。

原创 IDEA常用快捷键【常更】

Ctrl + Shift + N 快速查找Alt + 1 显示和隐藏左侧文件夹

原创 树莓派5b 怎么显示屏黑屏和亮屏

背景：我有个树莓派，但是屏幕会一直亮，拔来拔去麻烦，不拔耗电，而且害怕出问题解决方法：以下命令：#!/bin/bashexport WAYLAND_DISPLAY=wayland-1export XDG_RUNTIME_DIR=/run/user/1000/usr/bin/wlr-randr --output HDMI-A-2 --off#!/bin/bashexport WAYLAND_DISPLAY=wayland-1export XDG_RUNTIME_DIR=/run/user/1000/us

原创 frp配置 内网穿透

1.我有一台树莓派2.我有一台服务器（有公网ip）3.我的服务器配置不是很高，我的树莓派配置很高，可以使用内网穿透让我很方便的使用树莓派的高性能（我的是5b（内存8G，比我的服务器大6G），吃了好久的灰，我的服务器是腾讯云海外的35元的一个月的）