小白话-CSDN博客

原创 vue.js 路由进阶

在 Vue Router 中，你可以通过 active-class 属性来自定义导航高亮的类名。

2024-04-08 09:18:47 717 1

（Single Page Application，SPA）是一种基于网页的应用程序架构，它使用现代的前端技术来实现在单个网页中加载所有必要的 HTML、CSS 和 JavaScript，并在用户与应用程序交互时动态更新页面内容，而无需重新加载整个页面。Vue.js 提供了官方的路由管理器库 Vue Router，它允许开发者通过简单的配置来定义应用程序的路由规则，并实现基于 URL 的页面导航和状态管理。在上面的例子中，定义了两个路由规则，分别对应 ‘/’ 和 ‘/about’ 路径，并指定了对应的组件。

2024-04-07 17:16:55 799

原创 vue.js中默认插槽 / 后备内容 / 具名插槽 / 作用域插槽

当父组件传递内容到子组件时，如果没有使用具名插槽，那么这些内容就会被放置在子组件的默认插槽中。如果父组件没有提供内容，那么默认插槽中会显示默认的内容。通过作用域插槽，父组件可以在子组件中使用具名插槽，并传递数据到插槽中。在子组件中，可以通过在插槽中使用元素并绑定数据，来定义作用域插槽的内容和行为。除了默认插槽外，Vue.js 还支持具名插槽，这使得父组件能够向子组件传递多个不同的内容，并由子组件在不同位置进行显示。在子组件中可以使用特殊的元素来定义后备内容，这个插槽会在父组件没有传递内容时被显示。

2024-04-07 16:49:05 556

原创 vue.js中 v-loading指令和封装

在上面的示例中，v-loading 指令绑定了一个名为 loading 的变量，该变量控制着加载状态的显示与隐藏。当 loading 的值为 true 时，加载状态会显示，当值为 false 时，加载状态会隐藏。需要注意的是，v-loading 指令本身并不是 Vue.js 的内置指令，而是根据业务需求自行实现的一个自定义指令。在上述代码中，我们通过 v-loading 指令控制了加载状态的显示和隐藏。通常情况下，我们会将加载状态的显示和隐藏封装成一个指令，以便在需要的地方进行复用。

2024-04-07 16:45:41 1624

原创 vue.js中组件的基本语法 (全局&局部注册)

在 Vue.js 中，你可以注册全局组件和局部组件。全局组件是在应用程序的任何地方都可以使用的组件，而局部组件只能在父组件中使用。

2024-04-03 16:09:47 284

原创 vue.js中$nextTick

在上面的示例中，当点击按钮时，updateMessage 方法会更新 message 数据，然后通过 $nextTick 方法在 DOM 更新之后执行回调函数。使用 $nextTick 方法可以确保在 Vue 完成 DOM 更新之后再执行特定的操作，这样就能获取到最新的 DOM 状态。总之，$nextTick 方法是一个非常有用的工具，可以帮助你处理 Vue.js 中异步更新 DOM 的情况，确保你在操作 DOM 元素时能够获得最新的状态。// 在 DOM 更新之后执行的代码。'DOM 更新完成'

2024-04-03 16:01:48 374

原创 vue.js中ref 和 $refs

在上面的示例中，ChildComponent 是一个子组件，它可能有一些方法或属性可以通过 ref 访问。在 Vue.js 中，ref 是用来给子组件或 DOM 元素赋予一个唯一的标识符，以便在父组件中直接访问子组件或 DOM 元素。一般情况下，通过 this.$refs 可以访问被 ref 标识的子组件或 DOM 元素。需要注意的是，使用 $refs 访问的是真实的 DOM 元素或组件实例，因此在直接操作 DOM 或调用组件方法时需要注意 Vue.js 的生命周期和组件实例的状态。另外，值得注意的是，

2024-04-03 16:00:46 971

原创 vue.js中sync修饰符

在父组件中，我们使用 :value.sync=“parentValue” 将父组件中的 parentValue 与子组件的 value 属性进行双向绑定。使用 sync 修饰符时，你需要在子组件中的 props 中接受一个名为与父组件的属性名相同的属性，并且在更新该属性时，使用 $emit 触发一个名为 update:属性名的事件。在子组件中，我们接受了一个名为 value 的 prop，并且在 input 元素上绑定了这个 prop 的值。同时，当 input 元素的值发生变化时，我们通过。

2024-04-03 15:58:34 477

原创 vue.js 组件通信

} };} } };} } };} } };} } };</} } };</} } };</} } };} } };} } };} } };} } };} } };;} } };} } };} } };;} } };</} } };

2024-04-03 15:51:49 931

原创 vue.js组件的三大组成部分 (结构/样式/逻辑）

在 Vue.js 中，组件的三大组成部分通常被认为是结构（template）、样式（style）和逻辑（script）。

2024-04-03 15:34:49 1110

原创 vue.js的生命周期

Vue.js 中的生命周期钩子是在实例化过程中会自动调用的函数，它们允许你在特定阶段执行自定义逻辑。在 Vue.js 2 和 Vue.js 3 中，生命周期钩子有一些差异，但整体结构是相似的。

2024-04-03 15:30:01 1768

原创 vue.js watch 侦听器

具体而言，Vue.js 3 中的 watch 函数的第一个参数是要监视的源（可以是一个 getter 函数或一个 ref/reactive 对象），而在 Vue.js 2 中的 watch 选项的 key 是要监视的属性名。总的来说，尽管在功能上 Vue.js 2 和 Vue.js 3 中的 watch 侦听器相似，但在实现和用法上有一些细微的区别，开发者在迁移或选择版本时需要注意这些差异。这些优化可以带来更好的性能和更流畅的用户体验。watch 侦听器同样是用于观察数据变化并执行相应逻辑的功能。

2024-04-03 15:20:34 946

原创 vue.js computed 计算属性

是 Vue.js 中（vue2，vue3通用）用于声明基于响应式数据计算得出的属性的一种方式。它们的值会根据它们的依赖关系进行缓存，并且仅在相关依赖发生改变时才会重新求值。计算属性可以依赖于 Vue 实例中的数据，也可以依赖于其他计算属性。总之，computed 计算属性是 Vue.js 中非常有用的特性，可以简化复杂的逻辑计算，并提高性能和代码的可读性。：计算属性默认情况下是具有缓存的，只有当它的相关依赖发生变化时才会重新计算。：计算属性的值是响应式的，当依赖的数据发生变化时，会自动更新计算属性的值。

2024-04-03 15:11:04 325

原创 Vue.js 中常用的指令

vue.js中常用指令

2024-04-03 15:03:55 728

原创 Vue 2 中 props 使用

【代码】Vue 2 中 props 使用。

2024-04-03 14:31:57 1395

原创 vue中v-model应用于组件

v-model 是 Vue.js 提供的一个指令，用于实现表单元素和应用状态的双向绑定。通过 v-model 指令，可以简化表单元素与数据之间的同步，让开发者可以更方便地管理表单数据。在大多数情况下，v-model 用于表单输入元素，如、和。它通过在表单元素上绑定 value 属性以及监听对应的 input 事件来实现双向绑定。当用户输入内容时，input 事件会触发并更新关联的数据；反之，当数据改变时，表单元素的值也会相应地更新。

2024-04-03 14:24:33 493 2

原创 JavaScript中var、let和const的区别

综上所述，var、let和const之间的主要区别在于作用域和变量的可变性。在实际编程中，推荐尽可能使用const来声明变量，仅当需要修改变量的值时才使用let，避免使用var。需要注意的是，const声明的常量并不意味着其值是不可变的。如果常量是一个对象或数组，那么其内部的属性或元素是可以被修改的。但是，不能重新赋值给该常量。

2024-04-03 11:40:17 256 1

原创 computed 和 method的不同之处

computed属性会在相关响应式依赖发生变化时才重新计算，并且会缓存计算结果，直到依赖发生变化才会重新计算。这意味着只要相关依赖没有发生变化，多次访问computed属性都会返回之前缓存的结果，不会重复执行计算。methods方法在每次调用时都会执行计算。如果在模板中多次调用了一个方法，每次都会重新执行该方法的计算逻辑。

2024-04-03 11:35:49 337 1

原创 vue中axios封装

添加了请求拦截器，用于在请求发送之前做一些处理，比如添加请求头信息。在这个示例中，我们通过拦截器为每个请求添加了一个名为Authorization的token。我们可以在创建实例时通过配置对象设置一些默认参数，如baseURL、timeout和headers等。添加了响应拦截器，用于在收到响应后对数据进行处理。在这个示例中，我们简单地返回了响应数据。这样就完成了对Axios的简单封装，并在Vue.js应用程序中使用它进行网络请求。将封装好的Axios实例进行导出，以便在Vue.js组件中使用。

2024-04-03 11:28:51 587 1

原创 css基础语法

eg: {font-family: Arial,“Microsoft Yahei”, “微软雅黑”;各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号.尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示最常见的几个字体：body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB';

2024-03-14 16:04:05 136

原创 HTML基础参数

dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2 < dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2 < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2

2024-03-14 16:02:38 1166 1

原创 innosetup卸载时删除文件

但实际上往往会在应用的使用过程中，会生成一些日志文件。在卸载的时候，不能删掉，会提示手动清理。innosetup原则上是安装哪些文件就卸载那些文件。这样还是挺影响体验的。

2024-01-18 11:46:55 1319 1

原创 innosetup判断进程是否存在

【代码】innosetup判断进程是否存在。

2024-01-18 11:43:27 609 2

原创 Python编写TCP发送端和接收端

在等待连接时，我们调用accept方法，该方法将阻塞程序并等待客户端连接。一旦有客户端连接，我们就会得到一个新的socket连接和客户端的地址信息。在这个连接上，我们可以使用recv方法接收数据，并在控制台上输出数据内容。接着使用bind方法绑定地址和端口号，并使用listen方法开始监听传入的连接。需要注意的是，在发送数据前，需要将文本信息进行编码，以确保网络传输的正确性。在本示例中，我们使用了字符串的encode方法进行编码。需要注意的是，在接收数据前，需要指定接收的数据大小。

2024-01-18 11:38:10 767 1

原创 IP地址详细说明

IP地址（Internet Protocol Address，互联网协议地址）是一个标识计算机或其他网络设备的数字标识符。IP地址用于在互联网上唯一地标识每个设备，并用于在网络上进行通信和传输数据。IP地址通常被视为一个由四个部分组成的数字序列，每个部分之间使用点号（.）分隔。例如，192.168.1.1就是一个IP地址。

2024-01-18 11:33:14 1926 1

原创 Django rest_framework 解决前端发送OPTIONS请求后没有继续发送POST请求

【代码】Django rest_framework 解决前端发送OPTIONS请求后没有继续发送POST请求。

2024-01-12 16:16:52 714 1

原创 Linux中 top 命令详细解释

top命令中每一列所代表的含义PID：进程ID，即进程的唯一标识符。USER：进程所有者/用户。PR：进程的优先级。NI：进程的nice值，即进程优先级的修正值。VIRT：进程使用的虚拟内存大小（以KB为单位）。RES：进程使用的物理内存大小（以KB为单位）。SHR：进程使用的共享内存大小（以KB为单位）。S：进程的状态。常见的状态包括：R：运行中。S：睡眠状态。D：不可中断的睡眠状态。Z：僵尸状态。%CPU：进程使用的CPU资源百分比。%MEM：进程使用的内存资源百分比

2024-01-11 10:45:05 620

原创 Linux 使用shell脚本实现监测指定进程占用情况

【代码】Linux 使用shell脚本实现监测指定进程占用情况。

2024-01-11 09:25:31 648

原创 Linux设置开机启动的三种方式

将写好的脚本（.sh文件）放到目录 /etc/profile.d/ 下，系统启动后就会自动执行该目录下的所有shell脚本。新建/etc/init.d/srs.sh 文件。编辑文件 /etc/rc.local。给sh文件和jar可执行权限。自己写一个shell脚本。添加脚本srs.sh。首先，添加为系统服务。

2024-01-10 14:18:35 1683 2

原创 Linux修改设置时区的几种方法

【代码】Linux修改设置时区的几种方法。

2024-01-10 11:16:11 905 1

转载华为xen环境搭建

如果执行的操作需要使用“root”权限，可切换到“root”用户。“gandalf”用户的默认密码为“Huawei@CLOUD8”。进入eth4配置界面，按上下键移动到“Manual address configuration”，按空格键选择。选择“系统管理>系统配置>系统LOGO”，进入系统LOGO界面。选择“系统管理>权限管理>密码策略”，进入密码策略界面，可根据需求修改密码策略。选择“系统管理>权限管理>角色管理”，进入角色管理界面，可根据需求添加角色。选择“系统管理>系统配置>时间管理”。

2024-01-10 11:08:08 239 1

qq_42087317的博客