六卿_个人页

2024年09月

• 09.24 22:01:53
  发表了文章 2024-09-24 22:01:53

  vue使用hook:声明周期来监听子组件的声明周期

  本文介绍了如何在Vue中使用生命周期钩子来监听子组件的生命周期事件，包括在子组件内部监听和在父组件中监听子组件的生命周期钩子。
• 09.24 22:00:44
  发表了文章 2024-09-24 22:00:44

  &&、|| 的返回值

  本文探讨了JavaScript中逻辑与(&&)和逻辑或(||)操作符的返回值特性，说明了它们在不同条件下的返回结果，以及如何利用这些特性进行条件表达式的简写。

  
• 09.24 21:59:48
  发表了文章 2024-09-24 21:59:48

  Vue2.x和Vue3.x v-for中还可以这样解构赋值

  本文介绍了在Vue 2.x和Vue 3.x中使用`v-for`指令时，如何通过对对象进行解构赋值来简化模板中的代码，并通过实例展示了在`data`中的熟悉如何通过解构来请求接口的值。

  
• 09.24 21:58:48
  发表了文章 2024-09-24 21:58:48

  Vue2.0、Vue3.0节流

  本文介绍了在Vue 2和Vue 3中实现节流（throttle）的方法，通过封装节流函数控制一段时间内只能执行一次操作，并在Vue组件中应用该节流函数处理点击事件。

  
• 09.24 21:56:23
  发表了文章 2024-09-24 21:56:23

  Vue3基础(23)___vue3非父子组件之间的通信

  本文介绍了Vue 3中非父子组件间通信的方法，通过创建一个事件集合对象和相应的触发监听函数，实现跨组件的事件传递和监听。
• 09.24 21:53:31
  发表了文章 2024-09-24 21:53:31

  Vue3基础(22)___vue3中使用$forceUpdate

  本文介绍了在Vue 3中如何使用`$forceUpdate`来强制更新组件，通过`getCurrentInstance`方法获取到组件实例后调用。
• 09.24 21:51:16
  发表了文章 2024-09-24 21:51:16

  Vue3基础(21)___在axios.js中使用路由跳转

  本文介绍了在Vue 3中如何在axios.js中使用路由跳转，通过直接引入路由实例并使用`router.push`实现页面跳转。
• 09.24 21:50:04
  发表了文章 2024-09-24 21:50:04

  Vue3基础(20)___Vue3配置错误路由重定向写法

  本文介绍了Vue 3中配置错误路由重定向的正确写法，包括使用参数和自定义正则表达式来定义通配符路由。

  
• 09.24 21:49:00
  发表了文章 2024-09-24 21:49:00

  Vue3基础(19)___vite.config.js中配置路径别名

  本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名，以及如何在页面中使用这些别名导入模块。

  
• 09.24 21:46:26
  发表了文章 2024-09-24 21:46:26

  node中循环异步的问题[‘解决方案‘]_源于map循环和for循环对异步事件配合async、await的支持

  本文探讨了在Node.js中处理循环异步操作的问题，比较了使用map和for循环结合async/await处理异步事件的差异，并提供了解决方案。
• 09.24 21:45:26
  发表了文章 2024-09-24 21:45:26

  node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘

  本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程，包括生成验证码、账号密码验证以及token验证和过期处理。

  
• 09.24 21:44:11
  发表了文章 2024-09-24 21:44:11

  node接收前端上传的图片，单文件、多文件同name、多文件不同name

  本文介绍了在Node.js中使用multer模块接收前端上传的图片，包括单文件上传、多文件上传（同name和不同name）以及任意类型文件上传的方法。
• 09.24 21:43:12
  发表了文章 2024-09-24 21:43:12

  node中session持久化问题解决

  本文介绍了如何解决Node.js中session无法持久化的问题，通过使用Redis数据库来实现session的持久化存储。
• 09.24 21:42:22
  发表了文章 2024-09-24 21:42:22

  node登陆接口权限配置cookie-parser、express-session

  本文介绍了在Node.js中使用express-session和cookie-parser实现登录接口的权限配置，包括验证码接口的生成和自定义中间件的创建，用于验证用户权限。

  
• 09.24 21:41:20
  发表了文章 2024-09-24 21:41:20

  react Or vue中引入animate.css

  本文介绍了如何在React或Vue项目中引入animate.css库来使用动画效果，包括通过npm安装或在线链接引入，并展示了如何在React组件和Vue路由过渡中使用动画类。
• 09.24 21:40:07
  发表了文章 2024-09-24 21:40:07

  ngrok 将内网地址转成外网地址，内网穿透

  本文介绍了如何使用ngrok工具将内网地址转换成外网地址，实现内网穿透，以便其他人可以访问本地服务。

  
• 09.24 21:39:14
  发表了文章 2024-09-24 21:39:14

  React非父子组件之间的事件传递

  本文介绍了在React中非父子组件之间如何通过事件总线(eventBus)实现事件传递。
• 09.24 21:38:12
  发表了文章 2024-09-24 21:38:12

  Node服务连接Mysql数据库

  本文介绍了如何在Node服务中连接MySQL数据库，并实现心跳包连接机制。

  
• 09.24 21:37:21
  发表了文章 2024-09-24 21:37:21

  研究Promise心得总结与思路总结

  本文总结了Promise的核心功能，包括状态管理、then方法实现以及链式调用和错误处理。
• 09.24 21:35:39
  发表了文章 2024-09-24 21:35:39

  webpack的基本使用

  webpack的基本使用，包括概念、特点、安装、配置及常用插件和加载器的使用。
• 09.24 21:34:18
  发表了文章 2024-09-24 21:34:18

  element table配合from实现双击可编辑表格

  如何使用Element UI的el-table和el-form组件实现双击可编辑的表格。
• 09.24 21:32:43
  发表了文章 2024-09-24 21:32:43

  JS判断点击是单击还是双击

  如何使用JavaScript判断用户点击是单击还是双击。
• 09.24 21:30:50
  发表了文章 2024-09-24 21:30:50

  Vue3基础(十ba)___在css中使用props或者计算属性的变量，来实现动态样式

  本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
• 09.24 19:14:11
  发表了文章 2024-09-24 19:14:11

  echarts地图数据信息流向图效果

  本文介绍了如何使用 ECharts 创建一个地图数据信息流向图效果，包括设置地理坐标、线条动画和流向图的实现方法，并通过 Vue.js 封装了一个可重用的 ECharts 地图组件。

  
• 09.24 19:13:20
  发表了文章 2024-09-24 19:13:20

  Vue2 sync 修饰符

  本文介绍了Vue 2中`.sync`修饰符的用法，它是一种语法糖，用于简化父子组件之间的双向数据绑定，通过在子组件中触发以`update:`为前缀的事件来更新父组件中的数据。
• 09.24 19:12:23
  发表了文章 2024-09-24 19:12:23

  Vue2.0、Vue3.0分别使用v-model封装组件[Vue必会]

  本文介绍了在Vue 2和Vue 3中如何使用`v-model`来实现组件间的双向数据绑定，包括在Vue 2中使用`value`和`input`事件，以及在Vue 3中使用`modelValue`和`update:modelValue`事件的方法。
• 09.24 19:11:33
  发表了文章 2024-09-24 19:11:33

  JS循环for、for...of、for...in

  本文介绍了JavaScript中不同的循环语句，包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性，并通过示例代码展示了它们的用法和区别。

  
• 09.24 19:10:47
  发表了文章 2024-09-24 19:10:47

  Element table组件封装 核心：父子组件传值、传方法

  本文介绍了如何基于Element UI的table组件进行二次封装，创建一个具有父子组件传值和传方法功能的自定义表格组件，并提供了封装后的组件如何引入、注册和使用的方法。

  
• 09.24 19:10:02
  发表了文章 2024-09-24 19:10:02

  JS基础 if和switch区别

  本文比较了JavaScript中的`if`语句和`switch`语句的区别，并通过示例代码展示了它们的用法，解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
• 09.24 19:09:08
  发表了文章 2024-09-24 19:09:08

  html5 video

  本文介绍了HTML5中的`<video>`标签的用法，包括如何设置视频的属性如自动播放、循环播放、加载模式，以及如何通过JavaScript控制视频播放和暂停，还提到了支持的视频格式和`<video>`标签中`<source>`元素的作用。

  
• 09.24 19:07:45
  发表了文章 2024-09-24 19:07:45

  JSON.stringify undefined自动过滤

  本文讨论了`JSON.stringify`方法在序列化对象时自动过滤掉值为`undefined`的属性，以及`null`值也会被转换为空字符串的现象，并通过示例代码演示了这一行为。

  
• 09.24 19:06:42
  发表了文章 2024-09-24 19:06:42

  ES6解构赋值

  本文介绍了ES6中解构赋值的用法，包括对象和数组的解构，展示了如何从复杂数据结构中提取需要的变量，以及使用重命名和嵌套解构来简化代码。

  
• 09.24 19:05:55
  发表了文章 2024-09-24 19:05:55

  Vue3基础(十qi)___安装使用axios

  本文介绍了如何在Vue3项目中安装和使用axios进行HTTP请求，包括在main.js中引入axios并挂载到全局属性，以及在组件中通过`getCurrentInstance`获取全局axios实例来发送请求的方法。

  
• 09.24 19:04:59
  发表了文章 2024-09-24 19:04:59

  JS事件委托

  本文介绍了JavaScript中的事件委托概念，并通过Vue.js的示例代码展示了如何利用事件委托技术来处理多个子元素的事件，从而避免为每个子元素单独绑定事件，提高性能和减少代码量。
• 09.24 19:04:07
  发表了文章 2024-09-24 19:04:07

  JS之concat方法

  本文介绍了JavaScript中`concat`方法的使用，展示了如何利用该方法来合并数组，包括与字符串、数字、对象等类型的拼接，以及使用扩展运算符进行合并的示例。

  
• 09.24 19:02:57
  发表了文章 2024-09-24 19:02:57

  JS的几种继承方式

  JavaScript中的几种继承方式视频。
• 09.24 18:55:19
  发表了文章 2024-09-24 18:55:19

  Vue在子组件中判断父组件是否传来事件

  本文介绍了在Vue中如何通过`vm.$listeners`对象来判断父组件是否传递了特定的事件给子组件，并展示了如何检查事件是否存在以及相应的处理方法。

  
• 09.24 18:54:28
  发表了文章 2024-09-24 18:54:28

  this指向的几种情况以及js简单实现call、apply、bind___六卿

  本文讨论了JavaScript中`this`的指向规则，并提供了`call`、`apply`和`bind`方法的简单实现，用于改变函数的`this`指向。

  
• 09.24 18:53:36
  发表了文章 2024-09-24 18:53:36

  Vue3基础(十liu)___手写 shallowRef___shallowReactive

  本文介绍了Vue3中`shallowReactive`和`shallowRef`的实现原理和区别，通过手写示例代码展示了如何创建浅层响应式对象和引用，以及它们在数据更新时的行为差异。

  
• 09.24 18:52:42
  发表了文章 2024-09-24 18:52:42

  Vue3基础(十wu)___ref获取原生dom元素

  本文介绍了Vue3中使用`ref`来获取和操作原生DOM元素的方法，通过示例展示了如何通过`.value`改变元素的样式。

  
• 09.24 18:51:32
  发表了文章 2024-09-24 18:51:32

  Vue3基础(十si)___引入Element-plus___Vant___全局引入___按需引入___测试打包大小

  本文介绍了如何在Vue3项目中引入Element-plus和Vant UI库，包括全局引入和按需引入的方法，并通过配置vite.config.js实现按需引入，最后对比了不同引入方式对项目打包大小的影响。

  
• 09.24 18:50:16
  发表了文章 2024-09-24 18:50:16

  setTimeout(console.log(12345), 1000)___经典面试题

  本文探讨了JavaScript中`setTimeout`函数的行为，解释了传递函数和函数调用作为`setTimeout`参数时的区别，并通过修改`console.log`函数来演示函数调用是如何立即执行的。

  
• 09.24 18:49:10
  发表了文章 2024-09-24 18:49:10

  Vue3基础(十san)___父子组件通信___props、emit___provide、inject

  文章介绍了Vue3中父子组件通信的两种方式：通过`props`和`emit`传递数据和事件，以及使用`provide`和`inject`在组件树中传递数据。

  
• 09.24 18:47:23
  发表了文章 2024-09-24 18:47:23

  Vue3基础(十er)___customRef

  这篇文章介绍了Vue3中的`ref`和`customRef`用法，通过示例展示了如何使用它们来创建响应式数据，并提供了一个优化示例来防止短时间内多次点击按钮导致的问题。
• 09.24 18:45:40
  发表了文章 2024-09-24 18:45:40

  Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated

  本文介绍了Vue 3中的常用生命周期函数，包括`setup`、`onBeforeMount`、`onMounted`、`onBeforeUpdate`、`onUpdated`、`onBeforeUnmount`和`onUnmounted`，并解释了它们与Vue 2生命周期钩子的对应关系。文章通过代码示例展示了这些生命周期钩子在组件中的使用时机和场景。
• 09.24 18:44:03
  发表了文章 2024-09-24 18:44:03

  Vue3基础(十)___toRaw___markRaw

  本文介绍了Vue 3中`toRaw`和`markRaw`的用法，解释了`toRaw`用于获取`ref`和`reactive`对象的原始数据，而`markRaw`用于阻止Vue将对象转换为响应式数据。文章通过代码示例展示了这两个函数在实际开发中的应用和效果。

  
• 09.24 18:42:52
  发表了文章 2024-09-24 18:42:52

  Vue3基础(九)___computed

  本文介绍了Vue 3中`computed`的两种用法：使用函数和使用对象。通过示例代码展示了如何创建只读的计算属性和可写的计算属性，以及它们在实际开发中的应用。文章还解释了`computed`属性如何依赖其他响应式数据，并在数据变化时更新。

  
• 09.24 18:40:19
  发表了文章 2024-09-24 18:40:19

  宝塔面板部署Vue项目、服务端Node___配置域名

  本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目，并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。

  
• 09.24 18:34:39
  发表了文章 2024-09-24 18:34:39

  Vue3基础(八)___ref__toRef__toRefs

  本文介绍了Vue 3中`ref`、`toRef`和`toRefs`的用法，解释了`ref`用于创建响应式数据，`toRef`用于将对象的某个属性转换为响应式，但有局限性，而`toRefs`可以将一个响应式对象的所有属性都转换为响应式，从而保持其响应式特性。文章通过代码示例展示了这些API在实际开发中的应用。
• 09.24 18:33:48
  发表了文章 2024-09-24 18:33:48

  Vue3基础(七)__shallowReactive

  本文介绍了Vue 3中`shallowReactive`的用法，解释了与`shallowRef`类似，`shallowReactive`也用于创建只包含第一层响应式数据的对象，但区别在于`shallowReactive`用于对象而非基本数据类型。文章通过代码示例展示了如何使用`shallowReactive`，并说明了它在实际开发中的应用场景。