pinia基本使用(四)の仓库互调用&重置仓库 仓库互调用 理解: 在仓库中引入另一个仓库实例化后进行调用index.ts import {defineStore,storeToRefs} from 'pinia' // 引入另一个仓库 import {effStore} from './eff' type numbers={ 2022-04-30 Vue3 pinia
pinia基本使用(三)の值得修改 值的修改 直接修改(不推荐)定义: 可以在setup里直接对store里的值进行修改 <script setup lang="ts"> import { mainStore } from './store/index' import { storeToRefs } from 2022-04-30 Vue Vue3 pinia
pinia基本使用(二)の值的获取 仓库获取值的方式 通过仓库实例获取<script lang="ts" setup> import { mainStore } from './sotre/index' const store = mainStore() const change = ()=&g 2022-04-30 Vue Vue3 pinia
pinia基本使用(一)の简单使用 pinia的优点 支持vue2、vue3 抛弃了Mutations操作,只有state、getters和actions 不需要嵌套模块,符合vue3的Composition API 完整的TS支持 代码更加简洁 没有命名空间 基本使用 安装npm install pinia || yarn add pinia 在main.ts中挂载pinia实例 import {createApp& 2022-04-30 Vue Vue3 pinia
事件总线 定义 属于一种观察者模式,其中包括三个角色:(1) 发布者 : 发出事件(2) 订阅者 : 订阅事件,并且会进行响应(3) 事件总线 : 无论是发布者还是订阅者都是通过事件总线作为中台的 代码 class NanoEventBus { constructor() { this.eventBus = {} } on(e 2022-04-14 JavaScript JavaScript
深拷贝 代码function isObject(value) { const valueType = typeof value return (value !== null) && (valueType === 'object' || valueType === & 2022-04-14 JavaScript JavaScript
防抖(debounce) & 节流(throttle) 防抖(debounce) 定义: 在规定的时间内如果事件被密集触发,则规定的时间重新计算并且规定的时间结束后只触发最后一次事件。 应用场景:(1) 输入框中频繁的输入内容,搜索或者提交信息(2) 频繁的点击按钮,触发某个时间(3) 监听浏览器滚动事件,完成某些特定操作(4) 用户缩放浏览器的resize事件 function debounce(fn, delay, immediate &#x 2022-04-14 JavaScript JavaScript
DOM DOM 定义: 提供了一系列的模型和对象,让我们可以方便的来操作Web页面。 事件监听 定义: 在web当中,事件在浏览器窗口中被处罚,并且通过绑定到某些元素上或者浏览器窗口本身,那么我们就可以给这些元素或者window窗口来绑定事件的处理程序,来对事件进行监听 方式:(1) 在script中直接监听(2) 通过元素的on来监听事件 <div onclick=" co 2022-04-14 JavaScript JavaScript
BOM BOM 定义: 浏览器模型对象,是js脚本与浏览器窗口的桥梁。 对象模型：(1) window ： 包括全局属性、方法，控制浏览器窗口相关的属性、方法(2) location：浏览器连接到对象的位置（URL）(3) history：浏览器的历史(4) document：当前窗口操作文档的对象 window对象 全局对象在node是Global, 在浏览器里就是window 浏览器窗口对象(BO 2022-04-14 JavaScript JavaScript html
cookie cookie 定义: 某些网站为了辨别用户身份而存储在用户本地终端上的数据,类型为小型文本文件。 场景: 浏览器会在特定的情况下携带上cookie来发送请求,我们可以通过cookie来获取一些信息。 分类:(1) 内存cookie i. 定义: 存储在浏览器,由浏览器保存,浏览器关闭就会清除(2) 硬盘cookie i. 定义: 存储在硬盘中,有过期时间,时间到期清除或者用户手动清除(3) 2022-04-14 JavaScript JavaScript html
