科科写代码-CSDN博客

原创 JavaScript 如何合并数组

使用splice()方法将一个数组的元素插入到另一个数组的指定位置。使用unshift()方法将一个数组的元素添加到另一个数组的开头。使用push()方法将一个数组的元素添加到另一个数组的末尾。使用concat()方法将两个或多个数组合并为一个新数组。使用展开运算符将两个或多个数组合并为一个新数组。

2023-09-09 23:22:27 144 1

在服务器端设置Access-Control-Allow-Origin头，指定允许访问的域名，浏览器在收到响应时会检查该头信息，如果允许跨域访问，则将响应返回给客户端。2. JSONP（JSON with Padding）：JSONP是一种利用<script>标签的src属性不受同源策略限制的特性来实现跨域请求的方法。通过在请求中指定回调函数的名称，服务器返回的响应会被包裹在该回调函数中，从而可以在客户端获取到数据。由于WebSocket协议不受同源策略的限制，可以用于跨域通信。

2023-08-23 18:12:02 242

原创常见的http状态码

这些错误可能是服务器本身的错误，而不是请求出错。：请求成功，但响应中没有返回任何内容。服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。这些状态代码表示请求可能出错，妨碍了服务器的处理。请求的网页已永久移动到新位置。自从上次请求后，请求的网页未修改过。作为代理或网关的服务器从上游服务器接收到无效的响应。表示成功处理了请求的状态码。服务器成功处理了请求并返回所需的数据。服务器理解请求，但拒绝执行该请求。服务器无法理解请求的语法或参数。服务器无法找到请求的资源。

2023-08-23 18:09:42 115

原创一篇文章教你搞懂Axios拦截器

Axios拦截器提供一个机制，可以在请求或响应被发送到服务端之前或之后执行任意代码。需要注意的是，在拦截器中的 config 和 response 都包含了几乎整个请求/响应的信息，可以查看官方文档以进一步学习。在上面的代码中，我们可以使用 use() 方法向Axios实例添加请求和响应拦截器。请求拦截器会在每个请求发出之前被调用，而。一般情况下会在拦截器中对请求或响应数据进行一些操作，并将修改后的结果返回。在响应返回给then() 或catch() 之前调用响应拦截器。1. 添加请求拦截器。

2023-06-25 15:13:33 607

原创如何获取通过 input[type=file] 标签上传的文件

方法，该方法接收一个事件参数，其中包含上传的文件信息。属性获取上传的文件数组，然后对数组进行处理。2. 在 Vue 实例中定义。1. 在模板中创建一个。

2023-05-22 19:36:02 3092

原创 Vue自定义全局指令

其中 directiveName 是指令的名称，第二个参数是一个对象，其中包含了指令的配置选项，常用的钩子函数有 bind、inserted、update、componentUpdated 和 unbind，这些函数会在指令与元素绑定、插入到 DOM 中、数据更新、组件重新渲染和解绑等不同阶段触发。当我们使用 Vue 构建应用时，经常需要在模板中添加一些自定义的指令，来实现期望的功能，这些指令可以全局定义，也可以定义在组件内。

2023-05-13 21:07:54 924

原创 Vue3+TS中使用echarts

TypeScript 中，无论是 .vue 文件还是 .js 文件，都需要使用 .d.ts 文件来添加类型声明。ECharts 提供了官方的类型声明文件，只需要在项目中安装 @types/echarts 就可以使用。在 setup 函数中使用 ref 或 reactive 定义一个 ECharts 变量。在 onMounted 钩子函数中初始化 ECharts 实例，同时使用 chartRef.value 获取 DOM 元素。2.在组件中声明 ECharts 变量。3.初始化 ECharts 实例。

2023-04-27 19:35:56 1526

原创元组及其使用

在 Typescript 中，元组（Tuple）是一种类型，它可以用来表示一个固定长度的数组，可以包含不同类型的数据。元组中每个位置的类型是确定的，并且长度在定义时就已经确定。上面的代码定义了一个元组变量 tupleVar，它包含两个元素：第一个元素是字符串类型，第二个元素是数字类型。注意，元素的顺序与类型必须和定义时保持一致。需要注意的是，元组中赋值类型和个数必须一一对应，否则会产生编译错误。同时，元组相较于数组的类型信息更加明确，因此增强了类型检查能力，使得代码更加健壮。

2023-04-25 15:09:20 39

原创 em和rem的区别

与em不同，rem是一个根据根元素（即html元素）字体大小而定的单位。这意味着当使用rem作为单位时，它的值不会受到层次结构中任何其他元素的影响。在 CSS 中，可以使用em来指定元素的字体大小、行高以及其他尺寸属性。例如，如果父元素的字体大小为16像素，而子元素的字体大小为1.5em，则子元素的字体大小将为24像素（1.5乘以16）。em是一种相对长度单位，它基于父元素的字体大小而定。em的值表示当前元素的字体大小的倍数。例如，在以下代码中，html元素的字体大小为16像素，因此1rem等于16像素。

2023-04-24 00:41:06 1637 2

原创 typeof方法

例如，如果调用typeof方法并传入数字2，则该方法将返回字符串"number"，因为数字2属于number数据类型。"，则该方法将返回字符串"string"，因为该值属于string数据类型。在使用时，可以通过将要检查的值作为参数传递给typeof方法，然后该方法会返回一个表示该值数据类型的字符串。需要注意的是，typeof方法对于数组也会返回字符串"object"，因此在检测数组类型时需要采取特殊措施，例如使用。"string": 如果该变量或值是字符串。"number": 如果该变量或值是数字。

2023-04-23 15:25:54 129 1

原创 Vue3中ref的用法总结，避免混淆

这些都是 ref 函数在 Vue 3 中的一些用法，除了处理响应式数据之外，它还可以访问 DOM 元素、组件实例以及存储任何需要在组件中进行状态管理的值，使得 Vue 3 变得更加灵活和方便。在Vue 3中，ref除了用于处理响应式数据外，在 Vue 3 中 ref 还可以用于访问组件中的 DOM 元素、组件实例以及存储任何需要在组件中进行状态管理的值。可以使用 ref 访问到组件的实例，以便在父组件中直接调用子组件中暴露的方法或访问子组件中暴露的数据。存储任何需要在组件中进行状态管理的值。

2023-04-14 17:34:47 6806 2

原创分别暴露、统一暴露以及默认暴露三者的区别

需要注意的是，import和export命令是在编译期间工作的，而无论是无论是函数块，if块，代码块，它们之中的代码都是在运行期间才能生效的，所以必须将import和export命令放置于模块顶层。export {} 是作为一个整体的语法存在，在{}中放入的是模块需要对外暴露内部变量，在形式上其实这里{}更像是一个数组，其数组元素就是模块内部变量。2.所谓变量，其实只有在声明时的一瞬间有，声明过后，不管是单独使用，还是作为实参传递，它都是作为一个表达式，而不是变量。二、统一暴露 export {}

2023-04-14 17:27:05 1358 1

kiligcoding的博客