components typescript arguments passing
Typescript 测试驱动开发 TDD (10)
测试设置和拆卸 ( Test setup and teardown) 在运行特定的测试之前，我们可能希望先执行一些代码。这可能是为了初始化一个特定的变量，或者确保对象的依赖关系已经设置好。同样地，我们可能希望在特定的测试运行后执行一些代码，甚至在整个测试套件运行完毕后执行。为了说明这一点，请考虑以下 ......
typescript_error_运算符“+”不能应用于类型“Number”和“Number”
function add_(num1: Number, num2: Number) { return num1 + num2 } console.log(add_(5, 7)) Number 是一个 Interface， number 才是表示类型，换成小写就可以了 function add_(nu ......
Typescript 测试驱动开发 TDD (9)
匹配器 (Matchers) 1. toBeJest 使用所谓的匹配器来将测试中的预期值与接收到的值进行匹配。让我们快速看一下其中一些匹配器，如下所示： 1 it("should match with toBe", () => { 2 expect(1).toBe(2); 3 }); 在这里，我们使 ......
Typescript 测试驱动开发 TDD (8)
强制运行和跳过测试 (Forcing and skipping tests) 在处理一个已经编写了多个测试的应用程序时，我们通常只想运行特定的测试或者一组特定的测试。这种操作被称为强制运行测试，因为我们要求整个测试套件只运行指定的测试。可以通过以下两种方式来实现： 1 describe("a gro ......
Typescript 测试驱动开发 TDD (7)
分组测试 (Grouping tests) 在一个测试规范文件中，我们可能希望将我们的测试分组为逻辑集合。Jest 使用 describe 函数来实现这个目的，如下所示的测试代码： 1 describe("a group of tests", () => { 2 test("first test", ......
Typescript 测试驱动开发 TDD (6)
观察模式 (Watch mode) Jest和其他测试框架一样，也可以在观察模式下运行。这意味着它会监视项目中的所有文件，并在任何文件更改时自动重新运行任何测试。让我们按照以下方式更新我们的package.json文件： { ... "scripts": { "test": "jest --watc ......
记录 umi4 ant design pro typescript 在 vscode 代码提示错误的问题
原因是vscode 使用的ts版本与项目不匹配。 修复方法： 在vscode拓展【左侧4个方框的图标】搜索 typescript 下载安装插件 JavaScript and TypeScript Nightly 然后使用ctrl+shift+p 调出命令，使用 Select TypeScript v ......
Typescript 测试驱动开发 TDD (5)
ts-jest Jest 是一个 JavaScript 测试框架，因此它会在我们的项目中寻找 JavaScript 测试来运行。我们可以运行 TypeScript 编译器生成 JavaScript 文件，或者使用像 ts-jest 这样的框架。ts-jest 是一个 TypeScript 到 Jes ......
Typescript 测试驱动开发 TDD (4)
Jest Jest是一个简单易配置且功能强大的JavaScript单元测试框架，它构建在流行的Jasmine框架之上。Jasmine已经存在很长时间了，是一个成熟、功能齐全且广泛使用的测试框架。Jest通过使配置更加容易，并提供丰富的额外功能来增强Jasmine。Jest还可以并发运行测试，这显著加 ......
Typescript 测试驱动开发 TDD (1)
在JavaScript开发的现代世界中，有许多不同的前端框架可供我们用来编写应用程序，从旧的框架如Backbone.js到较新的Angular、React和Vue等。这些框架通常使用模型视图控制器（MVC）设计模式或其变体之一，例如模型视图表现器（MVP）或模型视图视图模型（MVVM）。当将这组模式 ......
如何使用react + typescript + nodejs + socketjs 开发一个好看实用的聊天室?
序言 自毕业以来这三个月一直忙于工作和与朋友们的聚会，很久没有专注于学习开发技术和编写个人项目了。但我深知学习如逆水行舟，不进则退，因此下定决心不能再这样下去，我需要努力提升自己。正好之前一直有个想法，就是利用React配合Node.js开发一个项目。经过两天的时间进行技术选型和选择UI，确定好了方 ......
typescript_typescript的下载与手动编译
下载 npm install -g typescript 编译.ts文件为.js文件 tsc ./typescript/test1.ts 上面这个命令会在test1.ts的所属目录中创建一个同名的test1.js文件 ......
[Typescript] WidenLiteral<T>
type WidenLiteral<T> = T extends string | number | boolean ? ReturnType<T["valueOf"]> : T; type Example1 = WidenLiteral<"abc"> // string type Example2 ......
abc287F - Components
F - Components 一眼经典的树上背包 \(f[x][s][0/1]\)表示在x的子树中有s个连通块，选不选x的方案数 那么转移的话就是按照背包的转移即可 然后隐约记得这个是\(O(n^2)\)的 但是一直TLE，后面发现是有一个地方写法有问题，应该在计算完当前子树后再更新的size，这样 ......
How to use ESM & TypeScript in Node.js All In One
How to use ESM & TypeScript in Node.js All In One { "compilerOptions": { "module": "NodeNext", // "module": "Node16", } } { "name": "esm-ts-package", ......
一文弄懂TypeScript中的混合（Mixin）
1.前言 由于TypeScrip中的类不支持多继承，所以引入了混合（Mixin）的特性，可以间接实现继承的效果。 2.正文 // 声明一个汽车类Vehicle，它有drive方法 class Vehicle { drive(): void { console.log('驾驶') } } // 声明轿 ......
Compone
本题赛时已经想出了状态，而且对于转移也有些思考，但是细节想错了。 本体建议采用刷表法写代码。 $f_{u,i,0}$ 比较简单。 $f_{u,i,1}$，对于子节点 $v$，若不选，状态转移还是一样的，但是如果选了，那二者就连起来了，所以变成 $i+j-1$。 还有，对于树上背包的优化不熟悉。需要好 ......
TypeScript封装验证函数(电话、邮箱、URL、数字、银行卡、税号)
/** * 验证手机号码或者电话号 * */ export function isMobileTel(rule: any, value: any, callback: any) { if (!value) { // return callback(new Error('输入不可以为空')) retu ......
TypeScript编码解码Base64
const Base64 = { _keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=', _utf8_encode: function(string:string) { string = string ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
typescript使用记录
一、第三方包没有 声明文件时：https://blog.csdn.net/xiebaochun/article/details/122458063 解决方法1：从 @types/ 上下载对应的 包 解决方法2：自己写一个声明文件 （ .d.ts 文件） ......
spring @Validated无效或Validation failed for argument [0]报错
问题概述 关于这个问题，是在接口参数校验的时候遇到的，使用Spring Boot下spring-boot-starter-validation进行接口参数校验时出现 “ Validation failed for argument [0] in public … ” 问题原因 validation使 ......
在nodejs中使用Typescript 金字教程
1.首先新建一个项目 npm init -yes 2.开启Typescript依赖 npm install typescript --save-dev 安装typescript,现在我们可以通过命令行来使用tsc命令 3.安装nodejs类型 npm install @types/node --sa ......
关于 Angular Component ChangeDetectionStrategy.OnPush 策略
ChangeDetectionStrategy.OnPush 是 Angular 中的一个重要概念，它用于控制组件的变更检测策略。这个策略的作用是优化应用程序的性能，减少不必要的变更检测操作，从而提高应用的响应速度。在这篇文章中，我将详细介绍 ChangeDetectionStrategy.OnPu ......
Vue 文本字幕组件(Marquee Text Component)
简介及使用教程 Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件，具有CSS GPU动画、快速、功能强大等特点。 安装 Npm npm i vue-marquee-text-component Yarn yarn add vue-marquee-t ......
pyinstaller 时碰到 struct.error argument out of range
使用 PyInstaller 来打包 Python 程序， ``` pyinstaller -F --version-file file_version_info.txt aaa.py ``` 并且在运行打包后的程序时遇到了这个错误: > struct.error argument out of r ......
typescript 布隆过滤器实现
class BloomFilter { private size: number; private storage: Uint8Array; private numHashes: number; constructor(size: number, numHashes: number) { this. ......
A named channel for communicating with platform plugins using asynchronous /// message passing.
Future<void> initWithScopeLimitCredential() async { final BasicMessageChannel<Object?> channel = BasicMessageChannel<Object?>( 'dev.flutter.pigeon.Cos ......
DOMPurify 使用方法，如何安全地操作DOM |.sanitize()|.innerHTML|TypeScript TS
DOMPurify是一个仅限DOM的，超快速的，超级宽容的XSS清理器，用于HTML，MathML和SVG。 它也非常简单易用和入门。DOMPurify于2014年2月启动，同时已达到v3.0.5版本。 DOMPurify是用JavaScript编写的，适用于所有现代浏览器（Safari（10+）， ......
Go - ERROR: # command-line-arguments undefined
zzh@ZZHPC:/zdata/MyPrograms/Go/aaa/Ch05/05_04$ go run httpd.go# command-line-arguments./httpd.go:15:9: undefined: DB./httpd.go:58:16: undefined: NewDB ......