typescript

TypeScript编码解码Base64

const Base64 = { _keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=', _utf8_encode: function(string:string) { string = string ......
TypeScript 编码 Base 64

typescript使用记录

一、第三方包没有 声明文件时:https://blog.csdn.net/xiebaochun/article/details/122458063 解决方法1:从 @types/ 上下载对应的 包 解决方法2:自己写一个声明文件 ( .d.ts 文件) ......
typescript

在nodejs中使用Typescript 金字教程

1.首先新建一个项目 npm init -yes 2.开启Typescript依赖 npm install typescript --save-dev 安装typescript,现在我们可以通过命令行来使用tsc命令 3.安装nodejs类型 npm install @types/node --sa ......
金字 Typescript 教程 nodejs

typescript 布隆过滤器实现

class BloomFilter { private size: number; private storage: Uint8Array; private numHashes: number; constructor(size: number, numHashes: number) { this. ......
过滤器 typescript

DOMPurify 使用方法,如何安全地操作DOM |.sanitize()|.innerHTML|TypeScript TS

DOMPurify是一个仅限DOM的,超快速的,超级宽容的XSS清理器,用于HTML,MathML和SVG。 它也非常简单易用和入门。DOMPurify于2014年2月启动,同时已达到v3.0.5版本。 DOMPurify是用JavaScript编写的,适用于所有现代浏览器(Safari(10+), ......

关于 TypeScript 展开运算符在 Angular 应用开发中的应用一例

笔者最近一直在 SAP 中国研究院从事 Angular 开发,我所在的团队负责使用 Angular 开发 SAP Commerce Cloud 这款产品的界面,项目代号为 Spartacus. 这是一个开源项目,我们项目的 Github 地址[如下](https://github.com/SAP/s ......
运算符 应用开发 TypeScript Angular

typescript 报错 类型“Window & typeof globalThis”上不存在属性

引起报错的语句: window.Docs = '' 报错如截图: 新增 types.d.ts 文件,文件内容如下: ``` declare global { interface Window { Doc?: any } } ``` ......
typescript globalThis 属性 类型 Window

TypeScript学习

# TypeScript学习 ![image.png](http://tva1.sinaimg.cn/large/005SFdBWly1h7iql23igcj316h0zvamg.jpg) ### 一、TypeScript 是什么 [TypeScript](https://link.segmentf ......
TypeScript

vue3+typescript +uniapp中select标签

` ` ts的代码: `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序,所以要麻烦很多 转成 :value + @change 来实现 ......
typescript 标签 select uniapp vue3

TypeScript中Class基础使用

TypeScript是一种静态类型的JavaScript超集,它提供了许多增强的功能,其中之一就是对面向对象编程的支持。在TypeScript中,我们可以使用Class来定义类,这使得我们能够更加结构化地组织代码并使用面向对象的思想进行开发。 Class是一种构造函数的语法糖,允许我们定义一个对象, ......
TypeScript 基础 Class

typescript支持

TypeScript 支持 uni-app 支持使用 ts 开发,可参考 Vue.js TypeScript 支持 说明。 类型定义文件由 @dcloudio/types 模块提供,安装后请注意配置 tsconfig.json 文件中的 compilerOptions > types 部分,如需其他 ......
typescript

[Typescript] DistributiveOmit

Omit on Union type type Union = | { a: "a"; user?: string; } | { b: "b"; user?: string; }; type X = Omit<Union, "user">; // X is {} Using Distributive ......
DistributiveOmit Typescript

[React Typescript] Strongly typed React component `as`

The `as` Prop in React Option 1: import { Equal, Expect } from '../helpers/type-utils'; export const Wrapper = <TProps extends keyof JSX.IntrinsicElem ......
React Typescript component Strongly typed

携程度假基于 RPC 和 TypeScript 的 BFF 设计与实践

携程度假基于 RPC 和 TypeScript 的 BFF 设计与实践 原创2023-08-11 10:38·携程技术 一、前言 随着多终端的发展,前后端的数据交互的复杂性和多样性都在急剧增加。不同的终端,其屏幕尺寸和页面 UI 设计不一,对接口的数据需求也不尽相同。构建一套接口满足所有场景的传统方 ......
TypeScript RPC BFF

[React Typescript] Strongly typed HOC component

import { Router, useRouter } from "fake-external-lib"; export const withRouter = <TProps extends { router: Router }>( Component: React.ComponentType<T ......
Typescript component Strongly React typed

typescript学习

1、unknown 和 any 区别 any 放弃了类型检查。 unknown 只是指明了类型还未确认,后续还需要你去断言 2、组合类型 联合: type MyBool = 'open' | 'closed' | 'minimized' 泛型 interface Backpack<T> { add: ......
typescript

[React Typescript] Fixing forwardRef's Type

Fix forwardRef globally To jump ahead to the solution, uncommenting the following code from Stefan Baumgartner will globally override the value of for ......
Typescript forwardRef Fixing React Type

[React Typescript] Strongly type Shared props for multiple components (React.FC<propsType>)

import { Equal, Expect } from "../helpers/type-utils"; type InputProps = React.ComponentProps<"input">; const COMPONENTS = { text: (props) => { return ......

【数据结构与算法】TypeScript 实现图结构

```ts class Grapg { // 用于存储所有的顶点 verteces: T[] = []; // 用于存储所有的边 采用邻接表的形式 adjList: Map = new Map(); // 添加顶点 addVertex(v: T) { this.verteces.push(v); / ......
结构 数据结构 算法 TypeScript 数据

[React Typescript] Strongly type Render prop

1. React.ReactNode import { useState } from "react"; import { createPortal } from "react-dom"; import { Equal, Expect } from "../helpers/type-utils"; ......
Typescript Strongly Render React type

[React Typescript] Strongly Typing Lazy Loaded Components with Generics

Navigating to the type definition for lazy by CMD + click in local VS Code, or in the DefinitelyTyped repo. We can see the following definition: funct ......

TypeScript – Decorator Metadata

前言 在 TypeScript – Decorator 装饰器 里,我有提到 TypeScript 只实现了 decorate 的特性,把 metadata 的特性独立了出来。 本来我以为还需要等待很长的时间他们才会实现,没想到 v5.2 既然推出了。哎哟,不错哦! 声明: Decorator 不是 ......
TypeScript Decorator Metadata

TypeScript – Using Disposable

前言 TypeScript v5.2 多了一个新功能叫 Disposable。 Dispose 的作用是让 "对象" 离开 "作用域" 后做出一些 "释放资源" 的操作。 很多地方都可以看到 Dispose 概念。比如 Web Component 的 disconnectedCallback,Ang ......
TypeScript Disposable Using

搭建前端Vue框架的步骤,包括TypeScript、ESLint、Prettier和Vite的配置

搭建前端Vue框架需要以下步骤: 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
前端 TypeScript 框架 Prettier 步骤

TypeScript 5.1

getter 和 setter 可以完全不同类型了 以前我们提过,getter 的类型至少要是其中一个 setter 的类型。这个限制被突破了。现在可以完全使用不同类型了。 v5.1 后,没有再报错了 ......
TypeScript 5.1

TypeScript – 冷知识

当 generic return 遇上 parameter 报错了。原因是 querySelector 默认返回类型是抽象的 Element。 而 method 参数要求的是具体的 InputElement 解决方法是传入具体的 InputElement 类型 const input = docum ......
TypeScript 知识

typeScript学习-Record和Map对比

typeScript学习 Record 和 Map 对比 Record 是属于一个轻量级的 type 类型,Map 相对 Record 是重量级。 Map 不能像 Record 一样直接转换为普通的对象,来应对只有查询的实际问题,只是为了频繁的查询去 new 一个 Map 是一种不必要的浪费。 如果 ......
typeScript Record Map

TypeScript(TS)JavaScript(JS)中的所有循环方法

for循环: for (let i = 0; i < array.length; i++) { // 循环体 } for…of循环: for (const element of array) { // 循环体 } forEach方法: array.forEach((element) => { // ......
TypeScript JavaScript 方法

[React Typescript] Updating the Global Namespace for an Additional Attribute

I want to add a common attribute to dom element globally: <> <div testId="123" /> <audio testId="123" /> <video testId="123" /> <a testId="123" /> <ab ......

typeScript学习-函数重载

typeScript学习 函数重载 定义:一组具有相同名字,不同参数列表的和返回值无关并且具有一个实现签名和一个或多个重载签名的函数。 type Messgae = { id: number, type: MessgaeType, sendmessage: string } enum Messgae ......
typeScript 函数