你不知道我在想什么-CSDN博客

原创 this的指向：从JS到Vue

箭头函数自身没有this，它的this为外层作用域的this指向。在 Vue 2.x 和 Vue 3 的选项式 API 中，外层：是指箭头函数作用域中最近的非箭头函数或全局作用域。状态和方法需要通过返回值暴露。在 Vue 3 的组合式 API 中，关键字作为构造函数调用时，1. 选项式 API 中的。2.组合式 API 中的。4.函数作为对象方法调用。（1）外层为普通函数时。(2)外层为全局作用域。5.显式绑定this。

2025-06-06 16:47:37 221

原创 Pinia的使用

Store (如 Pinia) 是一个保存状态和业务逻辑的实体，它并不与你的组件树绑定。换句话说，它承载着全局状态。它有点像一个永远存在的组件，每个组件都可以读取和写入它。Pinia它比Vuex更加现代化、模块化和易于使用。Pinia 的设计理念遵循了 Vue 3 的 Composition API，提供了更加灵活和简洁的 API。Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。创建store/index.js。2.main.js根部注入。

2025-05-28 10:35:41 315

原创了解WebSocket

WebSocket 协议是一种基于TCP的协议，用于在客户端和服务器之间建立时、双向的通信连接，并且可以在这个连接上实时地交换数据。WebSocket协议有自己的握手协议，用于建立连接，也有自己的数据传输格式。WebSocket 协议使用的是双向数据传输，即客户端和服务器都可以在任意时间向对方发送数据，而不需要等待对方的请求。它支持二进制数据和文本数据，可以自由地在它们之间进行转换。

2025-05-27 15:49:56 354

原创 js 操作对象的方法

1、Object.keys(obj)：枚举属性-返回一个包含对象所有键的数组2、Object.values(obj)：返回一个包含对象所有值的数组3.遍历对象for...in 用于遍历对象的所有可枚举属性（包括原型链上的属性），因此常与 hasOwnProperty() 结合使用，避免遍历到继承的属性。Object.keys()、Object.values() 和 Object.entries() 不会遍历原型链上的属性，只返回对象本身的属性。

2025-05-19 22:36:15 171

原创 js 对数组的操作

arr.slice(起始位置，结束位置) 分割数组元素截取数组的某些元素并返回一个新的数组对象，不会影响原来的数组。arr.filter() 筛选过滤数组里满足的元素，并存入一个空数组里面返回这个数组，不会影响原来的数组。arr.unshift() 向数组的第一个位置添加元素，并返回新的长度, 影响原来的数组。arr.shift() 删除数组的第一个元素，并返回删除的这个元素, 影响原来的数组。arr.pop() 删除数组的最后一个元素，并返回删除的这个元素, 影响原来的数组。1.按键值对数组进行排列。

2025-05-19 18:34:43 221

原创说说闭包

// 书上看来的，挑出来分享一下《你不知道的js》function foo() { var a=1; function bar() { console.log(a); } // bar()的词法作用域访问foo的内部作用域 // bar()在自己的词法作用域以外的地方执行了 return bar; //传递bar()}var func=foo();func(); // 1// 通过不同的标识符引用调用了内部的函数bar()//

2020-05-24 23:31:47 244

原创全面理解var,let,const的区别

全面理解var,let,const的区别首先，把我们常用的var与let，const进行比较一下：var存在变量提升，let和const没有：console.log(a);// 结果为undefined （进行了变量提升，var a;）var a=1;console.log(b);// 报错let b=1;console.log(c);// 报错const c=1;...

2019-01-17 11:40:05 258

原创箭头函数（Arrow Function）

箭头函数（Arrow Function）箭头函数表达式的语法比>函数表达式更短，并且没有自己的this，arguments，super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方，并且它们不能用作构造函数。首先，我们先来看一个普通函数：function show(){ return 1} console.log(show())//1...

2018-12-06 15:43:32 801

原创 promise

Promise对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。如下：new Promise(function(resolve,reject){ //内容})先用简单的例子来了解一下promise的语法应用：let x=6;let promise=new Promise(function(resolve,reject){ if(x==1){ ...

2018-11-29 20:56:45 159

原创 ES6解构赋值

解构赋值，它语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中。解构赋值在进行数据交互时十分有用。首先，用一个简单的例子来回顾解构赋值： let a=8; let b=17; let c=6; console.log(a,b...

2018-11-16 14:04:28 210

原创运行XAMPP中Apache时无法启动的解决方法！

一大早打开工具要写项目，开启服务器后，发现网页疯狂报错，最后发现XAMPP没开，但是点击“start"还是打不开。如图：于是开始百度，试过各种方法，最后总结出几种常见的解决办法，供大家参考。方法一： MySql可以开启，Apache不能开启说明端口被占用，可以点击它后面的config,如图：点击打开后，将8...

2018-11-14 11:15:46 3784 1

原创关于小程序HTTPS协议的配置!!!

写完一个Demo后，保存后发现不能运行，且出现图片中错误。纠结几分钟之后发现，没有勾选选择“不校验安全域名、TLS 版本以及 HTTPS 证书”。原因：因为wx.rrequest发起的是https请求，微信小程序数据的读取大部分是请求的API接口，且简单来说微信小程序是必须使用SSL证书的，必须要有https协议才能使用，否则无法运行...

2018-11-13 10:18:53 938 1

原创 es6的新的数据类型：Map映射。

Map映射, 存储多个键值对数据, 类似对象。Map的用法 var map=new Map() -----创建map map.set(key,value)-----存储值 map.get(key) ----- 获取值 for(var [ke...

2018-11-02 17:38:01 572

ZoraWu的博客