- 博客(29)
- 收藏
- 关注
原创 vuex是什么
vuex是一个集中话状态管理工具,集中话数据管理。getters 对数据进行二次处理。mutations() 修改数据。state 里面存储的是数据。vuex缺点页面刷新,数据丢失。actions 异步操作。Modules 划分模块。
2024-07-01 20:25:23
95
原创 slot插槽的理解
插槽就是⼀个占位符,`将⾃定义组件的内容展示出来`如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤slot的插槽.默认插槽`:⼜名匿名插槽,当slot没有指定name属性值的时候⼀个默认显示插槽,⼀个组件内只有有⼀个匿名插槽。作⽤域插槽`:可以将⼦组件内部的数据传递给⽗组件,让⽗组件根据⼦组件的传递过来的数据决定如何渲染该插槽。具名插槽`:带有具体名字的插槽,也就是带有name属性的slot,⼀个组件可以出现多个具名插槽。
2024-07-01 20:23:50
97
原创 New 的执⾏机制
创建⼀个空对象 通过点的方式给刚刚创建的对象添加属性和方法,默认返回该对象,如果写了return返回的是引用数据类型。不写return返回刚刚创建的新对象,new不需要有return返回值。
2024-07-01 20:22:03
113
原创 promise
Promise.allSettled() -- 都会走,会说明每一个的成功和失败状态。promise: es6新增的异步编程的解决方案,理解为一个类,使用的时候需要实例化;.finally -- 既可以接受成功,也可以接受失败;Promise.all() -- 当所有的promise都成功之后接收。fulfilled() -- 成功态 resolve。Promise.race() -- 谁走得快执行谁。.then -- 既可以接受成功,也可以接受失败。Promise.any() -- 走第一个成功的。
2024-05-15 08:51:05
178
原创 vue3 组合api使用计算属性
2. 使用语法:(1) let comMsg = computed(()=>{})1. 引入 import {computed} from 'vue'get(){}, // 获取计算属性的值。set(){} // 修改计算属性的值。
2024-05-13 20:53:26
102
1
原创 Vue2和Vue3生命周期函数
beforeCreate创建前 setup--beforeCreate之前执行。beforeUpdate更新前 on-beforeUpdate更新前。deactivated 组件停用时调用 on-deactivated 组件停用时调用。beforeMount挂载前 on-beforeMount挂载前。
2024-05-13 20:49:32
412
1
原创 数组的其他操作方法
findLast -- 查找最后一个符合条件的元素,查到了返回该元素,查不到返回undefined。find -- 查找数组中符合条件的元素,查到了返回该元素,查不到返回undefined。some -- 判断数组内是否有符合条件的元素,只要有 返回true;findIndex -- 查找数组中第一个符合条件元素的下标;findLastIndex -- 查找最后一个符合条件的元素的下标;filter -- 过滤,返回符合条件的元素组成的数组。map -- 对数组的每一个元素都进行操作,返回新数组。
2024-05-12 02:23:18
145
原创 数组7个内置操作方法
调用方法后会改变数组本身,都有返回值: 添加返回的是新数组的长度;删除的返回删除的元素。splice -- 增、删除、修改。unshift -- 头部添加。reverse -- 反转数组。shift -- 头部删除。push -- 末尾添加。pop -- 末尾删除。sort -- 排序。
2024-05-12 02:21:54
93
原创 数组的总结
数组是有长度的属性: 元素的个数 length。数组的取值: 下标 | 索引 下标从0开始。数组:由元素组成的有序的集合,数组是有序列的。
2024-05-12 02:20:28
105
原创 事件的循环
js内又将异步任务划分为 宏任务 和 微任务 是js异步任务的划分 先走的宏任务,在同一个宏任务范围内 有宏任务和微任务,先走微任务。自上而下执行,遇到报错停止。js是一门异步单线程的语言。
2024-05-12 02:18:36
174
原创 ajax
js内能够使用ajax呢?ajax在浏览器内内置来了一个核心对象 XMLHttpRequest。异步的js和xml;用来实现页面局部刷新的技术。xhr.open(请求方式,请求地址,同步异步,用户名,密码)XML类似于html XML也是一个语言。xhr.send(参数)1. 实例化核心对象。
2024-05-12 02:17:04
293
原创 声明的变量
let const 属于块级作用域,不存在变量提升,存在暂时性死区。var 属于 es5;let、const ES6的。var -- 存在变量提升。
2024-05-12 02:15:01
67
原创 判断数据类型
constructor:除null 和 undefined外的所有数据类型。typeof: 除null外的基本的数据类型和 function。toString :所有的数据类型,写法上复杂一些。instanceof() 只能判断复杂数据类型。
2024-05-12 02:13:14
80
原创 函数的总结
2. 构造函数: 举个例子:let obj = new Object() Object是一个构造函数通过new操作服可以操作它的实例化对象,所以返回了它的对象obj。2. arguments是一个伪数组(有数组的长度属性,但是没有数组操作方法)区别:关键字的声明有函数名字,它会把函数区分到最前面;return 1.代表函数的返回值 2.终止函数的执行。形参:在函数声明时写的参数 实参:在函数调用时侯写的参数。获取函数的所有参数: arguments。函数:封装可重复执行的代码块(关键是可重复执行)
2024-05-12 02:12:11
139
原创 对象的总结
对象的循环:1. for in 2. Object.keys()对象的取值:1. 对象.属性名 2. [ ]let 变量名 = new Object()对象: 描述事物的一组特征,无序的集合。let 变量名 = {
2024-05-12 02:10:44
85
原创 vue里面的组件通信
children--获取子组件的实例 $parent -- 获取父组件的实例 $attrs -- 父组件传过来的没有被props接收的所有属性,vuex 本地存储 v-model: :value @input provide/inject ref 通讯。default: 默认值,当这个父组件不传这个值,或者这个值等于undefined的时候会默认取这个值,当default的默认值为数组或者对象的时候必须写成工厂函数。父传子: 用props接收 可以写成数组,也可以写成对象。
2024-05-12 02:08:40
130
原创 js数据类型:
数字 number、字符串 string、布尔值 boolean、空 null、未定义 undefined、唯一值 symbol、大数字 bigInt。复杂的 (引用的): 对象 object 数组 array 函数 function。基本的数据类型 和 复杂的的区别:存储的位置不一样。基本的数据类型存储位置是栈(空间小,运行速度快)复杂的的区别存储位置是堆(空间大,运行速度慢)
2024-05-08 20:26:45
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人