STATICHIT静砸的博客

今天在做svg预览时遇到了一个报错意思是：无法在“Window”上执行“btoa”：要编码的字符串包含超出 Latin1 范围的字符查了很多博客都没有很好的解决，所以写这篇博客记录一下我最终的解决方式。

这里举个例子，我在项目中某个页面对用户的粘贴事件进行了监听，原本我直接全局的对粘贴事件进行了全局注册，并没有考虑他的生命周期问题，修改之后，我将该事件封装成方法，并在页面加载和销毁时同步进行创建和销毁。这符合常见的编程原则，即资源应在使用前分配，在不再需要时释放。确保只在需要时注册，并在不需要时销毁，可以提高应用的整体性能。在实习工作中，mentor提示“本页的事件，最好在挂载的时候注册全局事件监听， 卸载的时候销毁”1. 内存管理：在挂载时注册事件监听器，并在卸载时销毁，可以。

filter 方法是数组对象的一个内置方法，用于创建一个新数组，其中包含所有通过指定函数测试的元素。（filter 方法会遍历数组中的每个元素，并将那些使测试函数返回true的元素组成一个新的数组。❗再三强调，会返回一个新的数组哦！！！但使用了filter不会对原数组产生影响。

如何生成tsconfig.json文件。

引入需求如果我们不使用泛型但是如果我还需要别的类型参数呢，比如bool值等，不断像上面这样创建类似的代码会让代码非常丑且冗余所以这里我们需要用到，简而言之，泛型就是把类型当做和Java中的泛型原理是一样的！那么我们使用泛型来实现上面这个需求就很简单了只需要在函数名后面加上尖括号就可以使用泛型了（这里指定T为number类型）很简单，我们可以定义多种泛型。

如果中断了，那么下面的就从中断的地方继续增长。如果是字符串，那么定义的时候就要全部写上。主要作用就是节省因为枚举带来的性能消耗。如果是纯数字，下面的会进行自动增长。

1.Component: 表示一个 Vue 组件类型，这个类型来源于Vue。2.: 表示一个对象，键是字符串类型，值是组件类型 `Component`。这个类型来源于TypeScript。2.5.Dictionary：Dictionary不是 TypeScript 中的内置类型，而是一种常用的自定义类型约定。在 TypeScript 中，Dictionary通常用于表示一个键值对对象，其中键是字符串类型，值可以是任意类型。Dictionary是一个泛型类型，它接受一个类型参数T，表示值的类型。

它允许你在编写函数时指定参数的类型和返回值的类型，从而增加了代码的可读性和可维护性，同时还能在编译时进行类型检查。（greeting的参数类型是string，默认值是Hello，punctation的参数类型是stiring，但其背后紧跟了一个？【注意：如果有可选参数，你不能直接在函数体种直接运用可选参数，必须进行判断，比如if判断可选参数是否为undefined】这里的类型还支持更加复杂的类型，1比如可选参数，默认参数和剩余次数。在函数类型提示中，参数和返回值的类型声明都是。

它允许你为现有的类型提供一个更具描述性的名称，从而增强代码的可读性和可维护性。类型别名通常与联合类型（Union Types）或交叉类型（Intersection Types）结合使用，以创建更复杂的类型。2. type 可以定义 联合类型 和 可以使用一些操作符 interface不行。也可以使用联合类型命名一个可能是string也可能是string[ ]的类型。在 JavaScript 中，类型别名是一种自定义类型的方式，通过关键字。这里也可以使用接口中的描述属性比如？2️⃣更常使用到的地方是，给。

在TypeScript中，接口用于定义对象的结构和类型。它是一种抽象的概念，用于描述对象应该具有的属性、方法和行为。

一般来说，数组里面的元素都应该是同类型的typescript中有多种数组形式杂乱数组元组多维数组。

在TypeScript中，类型断言允许开发人员手动指定一个值的类型，即告诉编译器某个变量的确切类型。这在某些情况下是非常有用的，尤其是当开发人员比编译器更了解变量的类型时。：类型断言只在编译阶段起作用，不会对真实的运行时类型产生影响。因此，在进行类型断言时，应确保断言的类型是正确的，以避免潜在的类型错误。类型断言：简单来说就是人为将某一种不确定的类型断言为确定的类型，这只是在编译器层面的欺骗行为。无论是尖括号语法还是as语法，它们实际上是告诉编译器"相信我，我知道这个变量的类型是什么"。

Javascript是一门弱类型动态语言,开发大型项目时,开发速度快,但是后期维护非常困难针对于JavaScript的此个痛点,有了TyepScript.(微软开发),属于Javascript的超集.对JavaScript语法就行了扩展.添加了静态类型检查和一些新的特性现有的JavaScript代码可以与TypeScript一起工作,无需进行任何转换和修改.(TyepScript中可以允许JavaScript代码!TypeScript通过类型注解提供编译时的静态类型检查.