六卿_社区达人页

2024年09月

• 09.25 09:09:19
  发表了文章 2024-09-25 09:09:19

  五子棋小游戏（JS+Node+Websocket）可分房间对战

  本文介绍了通过JS、Node和WebSocket实现的五子棋游戏，支持多人在线对战和观战功能。

  
• 09.25 09:07:49
  发表了文章 2024-09-25 09:07:49

  typeScript进阶(11)_元组类型

  本文介绍了TypeScript中的元组（Tuple）类型，它是一种特殊的数组类型，可以存储不同类型的元素。文章通过示例展示了如何声明元组类型以及如何给元组赋值。元组类型在定义时需要指定数组中每一项的类型，且在赋值时必须满足这些类型约束。此外，还探讨了如何给元组类型添加额外的元素，这些元素必须符合元组类型中定义的类型联合。
• 09.25 09:07:03
  发表了文章 2024-09-25 09:07:03

  typeScript进阶(10)_字符串字面量类型

  本文介绍了TypeScript中的字符串字面量类型，这种类型用来限制变量只能是某些特定的字符串字面量。通过使用`type`关键字声明，可以确保变量的值限定在预定义的字符串字面量集合中。文章通过示例代码展示了如何声明和使用字符串字面量类型，并说明了它在函数默认参数中的应用。
• 09.25 09:06:04
  发表了文章 2024-09-25 09:06:04

  node事件循环中事件执行顺序

  本文详细介绍了Node.js环境下的事件循环机制，包括其六个主要阶段：timers、I/O callbacks、idle, prepare、poll、check和close callbacks。文章通过具体代码示例解释了`setTimeout`、`setImmediate`和`process.nextTick`在事件循环中的执行顺序和区别。还探讨了在不同情况下（如I/O操作中）这些函数的执行顺序如何受到影响。最后，通过一个综合例子，展示了实际编码中事件循环的执行顺序。

  
• 09.25 09:04:39
  发表了文章 2024-09-25 09:04:39

  typeScript进阶(9)_type类型别名

  本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义，可以为现有类型起一个新的名字，使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。

  
• 09.25 09:03:46
  发表了文章 2024-09-25 09:03:46

  js防抖函数返回值问题解决方案

  本文介绍了如何在JavaScript中创建一个带有返回值的防抖函数，通过结合Promise来实现。这种防抖函数可以在事件触发一定时间后再执行函数，并能处理异步操作的返回值。文章提供了防抖函数的实现代码和如何在实际项目中使用该防抖函数的示例。
• 09.25 09:02:31
  发表了文章 2024-09-25 09:02:31

  vue页面跳转取消上一个页面请求

  本文介绍了在Vue中如何取消上一个页面的请求，以避免页面跳转时请求未完成导致的数据错误。核心方法是使用axios的请求拦截器设置请求的取消令牌（cancelToken），并在vuex中存储这些取消令牌的引用。当进行路由跳转时，通过路由守卫清除这些请求，达到取消上一个页面请求的目的。
• 09.25 09:01:46
  发表了文章 2024-09-25 09:01:46

  typeScript基础(8)_ts类型断言

  本文介绍了TypeScript中的类型断言，它用于在编译时告诉TypeScript某个对象具有特定的类型，即使它看起来不具备。类型断言可以用来访问一个类型上存在而另一个类型上不存在的属性或方法。需要注意的是，类型断言并不会在运行时改变JavaScript的行为，因此如果断言不当，运行时仍然可能出错。文章还提醒避免将类型断言为`any`类型或进行多重断言。
• 09.25 09:01:04
  发表了文章 2024-09-25 09:01:04

  typeScript基础(7)_函数的类型

  本文介绍了TypeScript中函数的类型，包括函数声明与函数表达式的类型注解，如何定义函数的参数类型、返回类型，以及可选参数和参数默认值。还探讨了函数的剩余参数、如何使用接口定义函数的形状，以及函数重载的概念和实践。
• 09.25 08:57:07
  发表了文章 2024-09-25 08:57:07

  typeScript基础(6)_数组类型

  本文介绍了TypeScript中数组的类型表示方法，包括直接使用类型加`[]`定义数组类型，以及使用数组泛型`Array<类型>`定义数组。同时，还展示了如何定义包含多种数据类型的数组。
• 09.25 08:55:20
  发表了文章 2024-09-25 08:55:20

  typeScript基础(5)_对象的类型-interfaces接口

  本文介绍了TypeScript中接口（interfaces）的基本概念和用法，包括如何定义接口、接口的简单使用、自定义属性、以及如何使用`readonly`关键字定义只读属性。接口在TypeScript中是定义对象形状的重要方式，可以规定对象的必有属性、可选属性、自定义属性和只读属性。
• 09.25 08:54:12
  发表了文章 2024-09-25 08:54:12

  typeScript基础(4)_联合类型

  本文介绍了TypeScript中的联合类型（Union Types），它表示变量可以是多种类型中的一种。文章通过示例展示了如何声明联合类型以及在使用联合类型时访问它们共有的属性和方法。同时，还解释了类型推论在联合类型变量赋值时的工作原理。
• 09.25 08:52:19
  发表了文章 2024-09-25 08:52:19

  typeScript基础(3)_ts函数默认值和可选参数

  本文介绍了在TypeScript中如何使用函数的默认值和可选参数。展示了如何为函数参数指定默认值，使得在调用函数时可以省略某些参数，以及如何定义可选参数。
• 09.25 08:48:40
  发表了文章 2024-09-25 08:48:40

  typeScript基础(2)_any任意值类型和类型推论

  本文介绍了TypeScript中的`any`任意值类型，它可以赋值为其他任何类型。同时，文章还解释了TypeScript中的类型推论机制，即在没有明确指定类型时，TypeScript如何根据变量的初始赋值来推断其类型。如果变量初始化时未指定类型，将被推断为`any`类型，从而允许赋予任何类型的值。
• 09.25 08:47:31
  发表了文章 2024-09-25 08:47:31

  后端返回图片二进制流，前端转base64

  本文介绍了如何将后端返回的图片二进制流转换为Base64格式，以便在前端使用。通过在axios请求中设置`responseType`为`arraybuffer`，然后使用`btoa`和`Uint8Array`进行转换。
• 09.25 08:46:14
  发表了文章 2024-09-25 08:46:14

  typeScript基础(1)_原始数据类型学习

  本文介绍了TypeScript中的原始数据类型，包括布尔型、数值型、字符串型、`void`、`null`和`undefined`，并展示了如何在TypeScript中声明和使用这些类型。同时，还介绍了如何通过`tsc`命令编译TypeScript文件。
• 09.25 08:45:12
  发表了文章 2024-09-25 08:45:12

  vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目

  本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误，这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。

  
• 09.25 08:44:19
  发表了文章 2024-09-25 08:44:19

  Vue3基础(24)___vue3中不再支持filters

  Vue 3中不再支持filters（过滤器）
• 09.25 08:42:13
  发表了文章 2024-09-25 08:42:13

  Vue3基础(24)___vue3中使用vuex

  本文介绍了在Vue 3中如何使用Vuex进行状态管理，包括安装Vuex、创建store、定义state、mutations、actions、getters，以及在组件中使用这些选项。同时，还介绍了如何通过`$store`在组件内部访问和修改状态，以及如何使用命名空间对模块进行隔离。
• 09.25 08:40:26
  发表了文章 2024-09-25 08:40:26

  node静态文件加与不加虚拟路径

  本文介绍了在Node.js中设置静态资源服务时，如何配置虚拟路径前缀。通过使用`express.static`中间件，可以指定一个虚拟前缀，使得访问静态文件时需要通过这个前缀来访问。

  
• 09.25 08:39:24
  发表了文章 2024-09-25 08:39:24

  手写JS实现深拷贝函数

  本文介绍了如何实现一个深拷贝函数`deepClone`，该函数可以处理对象和数组的深拷贝，确保拷贝后的对象与原始对象在内存中互不干扰。通过递归处理对象的键值对和数组的元素，实现了深度复制，同时保留了函数类型的值和基础类型的值。
• 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`语句的特点和应用场景。