「已注销」-CSDN博客

原创 TypeScript学习笔记 -- 一些常见和常用的内置类型工具

Exclude<UnionType, ExcludedMembers>从 UnionType 中剔除既在UnionType又在ExcludedMembers中的类型type A = 'a' | 'b' | 'c'type B = 'b'type C = Exclude<A, B> // 'a' | 'c'Extract<Type, Union>它的作用与 Exclude 正好相反，是找出两个类型的交集部分type A = 'a' | 'b' | 'c't

2022-02-16 13:48:16 469

原创 TypeScript学习笔记（类型篇二）----- any，unknown和对象类型

在TS中，any和unknown都可以指代任何类型，那么这两者之间的区别是什么呢？

2022-02-14 10:48:05 1168

原创 TypeScript学习笔记（类型篇一）

PS: 主要会以问题的模式记录1. 在 ts 中，如果不显式注解类型，由 TypeScript 自行推导，为什么 const 声明的原始类型的变量会被推导为值类型？先看一个例子:const str = "demo" // TypeScript 类型推导的结果为 "demo", 而不是 string对于初次接触 ts 自动类型推导的人来说，可能有点不理解为什么上面这个例子的类型为 demo 而不是string。这个问题可以从 const 这个声明关键字去理解，const 是 ES6 新增的一个关键

2022-02-09 09:50:13 455

原创解决在 React + TS项目中使用 scss 报 cannot find module ‘xxx.scss‘ 的问题

使用 create-react-app 的创建的项目，其默认的 webpack.config.js （这个文件默认隐藏，要查看需要运行 npm run eject，运行这个命令前需要本地 commit 代码）的文件中，是默认配置了 sass-loader 的选项的，所以在 react 项目中使用 sass 还是比较方便的。虽然默认配置了 sass-loader，但要使用 sass 还是需要先安装一下的npm install sassoryarn add sass安装好依赖后，就可以把样式文件改为.

2022-01-27 16:48:28 2742 2

原创 vue学习笔记（二）：Vue 项目目录解析

Vue 项目目录解析├─ node_modules # 项目依赖│ ││ └─...├─public # 静态资源文件，以前版本叫 static │ favicon.ico # 浏览器tab左边的小图标│ index.html # 单页应用访问入口页面└─src # source的简写，资源文件│ │ App.vu

2022-01-24 10:00:00 450 1

原创 vue学习笔记（一）：使用 vue cli 初始化项目

安装 vue-clivue 官方提供了 vue-cli 用于创建工程化的 vue 项目，vue 的脚手架需要先全局安装，前置条件是电脑中需要有安装 node 环境$ npm install @vue/cli -gor$ yarn global add @vue/cli运行命令检查脚手架是否安装完成，如果简写的话，V是大写的$ vue -Vor$ vue --version如果正常安装的话，运行上面检测安装完成的命令后，应该是如下结果：@vue/cli 4.5.15（4.5.15代

2022-01-20 15:54:45 1297 1

原创 TypeScript中用单例模式封装 localStorage

class LocalStorageUtil { private constructor() {} // 单例模式中，给构造函数添加 private 修饰符是必要的 public static storageInstance: LocalStorageUtil; public static createInstance() { if (!this.storageInstance) { this.storageInstance = new LocalStorageUtil() }

2022-01-13 17:23:08 367 1

原创 React redux-toolkit 的基本用法

最近在研究 redux 的一些用法，目前在 react中使用 redux 的话，基本分为两种用法：使用 redux，这个是非官方团队在维护的，而且不单在 react项目中可以使用，在 vue 的项目中也可以使用使用 react-redux，这个是 Facebook 官方在维护，不过其中的一些 API 相对来说有点难理解React 官方团队目前针对 react 项目中的状态管理，比较推荐的做法是使用 @reduxjs/toolkit + react-redux 这种方式，这种方式简化了之前的一些操作

2022-01-13 16:08:01 1158

name_lsc的博客