pinia 解构state
摘要：<template> <div @click="change"> 直接通过实例.就可以获取 {{ store.count }} {{ store.sex }} </div> {{ count }} </template> <script setup lang='ts'> import { useSt
阅读全文
posted @ 2025-02-22 14:55
随笔分类 - TS / study
storage案例
摘要：1.tsconfig.json设置和安装初始化项目 2.思路：1.实现该插件有几种功能
阅读全文
posted @ 2025-02-19 13:16
infer
摘要：// infer 作用是推断泛型参数，必须配合着extends使用,需要跟着变量名 interface User { name: string age: number } // 写一个传入具体泛型的type，然后可以推断其泛型的type // 定义一个具用泛型的type type promiseTy
阅读全文
posted @ 2025-02-19 01:45
泛型工具
摘要：// 泛型工具 interface user { name: string age: number sex: string } interface rUser { name?: string age?: number sex?: string } // Partial<泛型> 把所有属性改为可选属性
阅读全文
posted @ 2025-02-18 23:54
协变、逆变、双向协变
摘要：interface a { name: string } interface b { name: string, age: number } let A:a = { name: '222' } let B:b = { name: '112', age: 88 } // 协变，a作为主类型，b是作为副
阅读全文
posted @ 2025-02-18 17:07
typeof、is
摘要：// 收缩类型:判断是不是属于某个类型 // 使用typeof只对基础类型有效 // const isNum = (num:any) => typeof num 'number' // 使用instanceof可以对引用类型进行区分 const isArrary = (arr:any) => arr
阅读全文
posted @ 2025-02-18 15:26
Proxy、Reflect
摘要：// Proxy是es6新增的拦截器，总共拦截十三种，代理 // Reflect是反射，跟Proxy的方法一样是十三种,对应的参数一模一样 // Proxy是代理引用类型，对象、数组、map、set、函数 let person = {name:'bai',age:14} const personPr
阅读全文
posted @ 2025-02-18 13:47
set、map、weakSet、weakMap
摘要：// set:天然去重属性，引用类型除外 const s:Set<number> = new Set([1,2,2,3]) // console.log(s); //1,2,3 s.add(4) // 添加 s.delete(1) // 删除 s.has(2) // 判断是否有2 s.clear()
阅读全文
posted @ 2025-02-18 12:14
发布订阅模式
摘要：// 发布订阅模式设计模式：跟eventListener思想一样 // 监听器 // function eventFn() { // console.log('e'); // } // document.addEventListener('eee',eventFn) // // 订阅中心 // co
阅读全文
posted @ 2025-02-17 22:08
wepcka：从0搭建ts+vue+wepack以及插件、公共部分、样式分包
摘要：1.构建tsconfig.json tsc --init // tsc需要全局按照typescript工具 2.构建package.json npm init -y 3.创建webpack.config.js文件 4.创建index.html,写html基本配置 5.创建src目录，依次创建App.
阅读全文
posted @ 2025-02-17 20:46
Decorator
摘要：// 要使用装饰器，需要在tsconfig.json中开启 "experimentalDecorators": true, "emitDecoratorMetadata": true // 装饰器就是给对应的类、属性、参数、方法添加前置的功能 import axios from "axios"; /
阅读全文
posted @ 2025-02-17 14:30
mixins
摘要：// 对象的混入 type A = { name: string } type B = { age: number } const a9:A = { name: 'xiaobai' } const b9:B = { age: 15 } // 使用扩展运算符此时c9的类型推断 // { // name
阅读全文
posted @ 2025-02-16 17:34
declare module
摘要：// index.d.ts文件是描述该插件如何使用的说明，如果插件缺失该文件import时候会报错 import Axios from 'axios' // 不会报错，通过ctrl+点击会进去该index.d.ts文件 // express缺失index.d.ts直接import会报错 // 方法1
阅读全文
posted @ 2025-02-16 16:54
export
摘要：// import importA from './export' // 导入default可随意命名 // import { exportDemo } from './export' // 解构需要对应名字 // 可以使用as重命名 import { exportDemo as exportDem
阅读全文
posted @ 2025-02-16 15:29
namespace
摘要：// 基础使用导出、嵌套、合并、抽离、简化 namespace Test { let c = 6 export let b = 5 export const f = () => 1 // 嵌套的namespace也是要export,才能被外部引用 export namespace Test1 { e
阅读全文
posted @ 2025-02-16 00:51
泛型T keyof
摘要：// extends function A<T>(a:T,b:T) { // return a+b // 此时提示报错，因为不是任何类型都可以接受+，所以此时加号不安全 } // 通过泛型extends数字类型，number能够接收+，所以不会报错 function B<T extends numb
阅读全文
posted @ 2025-02-15 16:53
泛型T
摘要：// 泛型: 动态类型 // 用泛型整合下面2个函数为一个函数 function A(a:number,b:number):number[] { return [a,b] } function B(a:string,b:string):string[] { return [a,b] } // T是自
阅读全文
posted @ 2025-02-15 15:22
Symbol.iterator
摘要：// 生成器 // 生成器与迭代器使用方法一样 // function* gen() { // yield Promise.resolve('1') // 接同步代码异步代码都可以 // yield '2' // yield '3' // } // const man = gen() // done
阅读全文
posted @ 2025-02-15 01:56
Symbol
摘要：// symbol表示是唯一值，哪怕值一样，也不会相等 let a1:symbol = Symbol(1) let a2:symbol = Symbol(1) // console.log(a1 == a2); // false // Symbol.for是全局搜索传入的值，如果没有就创建一个，如果
阅读全文
posted @ 2025-02-15 01:22
nerve
摘要：// nerve类型代表不可能有这个类型，例如同时是string和number，会推断为nerve type a = string & number // 因为nerve是最底层的类型，前面有了number和void类型会自动忽略nerve类型 type b = number | void | ne
阅读全文
posted @ 2025-02-14 22:42
