概述:最近在学习 react&TypeScript,发现有许多的组件模式和方法需要去梳理和总结。所以选择一些文章用于沉淀和思考,记录下一些知识点,和大家探讨。publish:2019-03-21目录:简介,环境配置(create-react-app)React - 关键类型(react-redux-typescript-guide )React - 组件模式(react-redux-typ
## TypeScript 运行入口
TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的超集,提供了静态类型检查和更强大的面向对象编程能力。在使用 TypeScript 进行开发时,我们需要设置一个入口文件来启动应用程序。
### 入口文件的作用
入口文件是应用程序的起点,它负责初始化应用程序的配置、加载依赖项,并启动应用程序的执行。在 TypeScript
原创
2024-01-25 13:51:41
221阅读
函数1. 函数的定义可以指定参数的类型和返回值的类型function hello(name: string): void {
console.log("hello ", name);
}
hello("World"); // "hello World"2. 函数表达式定义函数类型type SumFunc = (x: number, y: number) => number;
let
转载
2024-09-26 12:52:59
22阅读
准备工作npm init -y
npm i --save-dev gulp gulp-typescript typescript
npm i --save reflect-metadatagulpfile.jsconst gulp = require('gulp')
const tsc = require('gulp-typescript')
const typescript = require(
转载
2024-09-21 19:59:54
49阅读
TypeScript自带的方法很多人在平时的开发中使用到了TypeScript,但是可能只是单纯使用了一些基本的类型但很多人不知道其实TypeScript自带了很多非常方便的方法接下来我就结合例子,给大家介绍一下这些很方便的方法Partial作用Partial 将类型的属性变成可选例子假如我现在有个interfaceinterface IUser1 {
name: string;
转载
2024-07-18 18:59:41
49阅读
# 如何实现"typescript安装指定"教程
## 整体流程
下面是安装指定typescript版本的步骤:
```mermaid
erDiagram
Developer ||--o| Newbie : 教导
```
## 具体步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 打开终端 |
| 2 | 运行以下代码来全局安装指定版本的typescript:
原创
2024-05-26 06:16:04
25阅读
目录前言一 context旧版使用步骤1.1 根组件childContextTypes属性1.2 根组件getChildContext方法1.3 子组件contextTypes静态属性1.4 下文改变context的值,通过context的函数去改变根组件的状态即可1.5 例子父组件Greeter子组件ComponetReflux二 新版context的使用步骤和方法2.1 先定义全局contex
首先我们来说一下什么是装饰器,其实TS中的装饰器和很多的静态语言(Java,C#)等中的装饰器其实是一样的,它会为被装饰的内容添加一些特定的内容,而装饰器本身就是一个方法,它需要遵循两个条件: 1. 不能够修改被装饰内容的源代码 2. 不能够修改被装饰内容的调用那么,我们进来就来说说在Ts中如何使用装饰器: (注:在TS中使用装饰器之前我们需要现在tsconfig.json这个配置文件中配置"ex
转载
2024-04-23 16:03:18
80阅读
Vue3.0底层都要用ts重写了,相信未来能用javascript写的都用typescript写了配置准备node的安装就不说了,这个必须有。配置淘宝源,或者安装nrm,来方便切换npm源的版本(推荐后者)npm config set registry https://registry.npm.taobao.org/安装npm install typescript@2.9.2 -g
npm ins
转载
2024-06-03 09:38:37
72阅读
typescripttypescript下载:npm install -g typescript
运行: tsc 文件名.ts类型1、声明变量a,同时指定它的类型为number
let a:number;
a的类型为number,在以后的使用过程a的值只能是数字
a=10
a='ABC' //此类型会报错,因为a是number类型
2、let b:boolean = true //
转载
2024-04-10 21:55:34
48阅读
项目地址:https://github.com/wz2cool/swagger-ts-doc
demo代码地址:https://github.com/wz2cool/swagger-ts-doc-demo动机Swagger API 文档框架相信大家都使用过,并且真的很方便,但是大家应该都是用框架生成的出来swagger 文档,可能很少人会去写 yml或者json文档吧。
确实我在使用nodejs
转载
2024-05-18 17:42:00
55阅读
⼀、TypeScript简介1 什么是TypeScript?TypeScript本质上是向JavaScript语⾔添加了「可选的静态类型」和「基于类的⾯向对象」编程,它相当于JavaScript的超集官⽅⽂档: TypeScript的官⽅⽂档⾮常⾮常适合前端开发者进阶学习使⽤,这个⾮常有助于我们突破我们的技术壁垒,建议⼤家⼀定要细细研读,不同阶段的开发者研读⽂档的感觉各有千秋,但都⼤有收获。2 为
转载
2024-08-29 20:50:07
8阅读
想学习 TypeScript 的小伙伴看过来,本文将带你一步步学习 TypeScript 入门相关的十四个知识点,详细的内容大纲请看下图: 一、TypeScript 是什么TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScr
转载
2024-06-15 13:02:54
55阅读
函数的类型:函数是 JavaScript 中的一等公民函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression):// 函数声明(Function Declaration)
functionsum(x,){
return+;
}
// 函数表达式(Function Express
转载
2024-05-16 13:52:48
32阅读
0、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成TS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几
转载
2023-12-27 09:51:37
74阅读
JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply,call两个方法的运用上。 JavaScrtipt中有一个call和apply方法,其作用基本相同,但也有略微的区别。call,apply都属于Function.prototype的一个方法,它是JavaScrtipt引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就
在 TypeScript 中创建指定对象是一项常见的任务,尤其是在构建复杂应用时。通过类型安全和接口的支持,TypeScript 可以帮助我们清晰且高效地定义和操作对象。本文将详细介绍如何在 TypeScript 中创建指定对象,涵盖环境准备、集成步骤、配置详解、实战应用、排错指南,以及性能优化等方面。
### 环境准备
首先,确保你的开发环境已安装 Node.js 和 TypeScript。
# 如何在 TypeScript 中指定参数类型
TypeScript 是 JavaScript 的一个超集,增加了静态类型检查,帮助开发者在代码中捕获潜在错误。在开发中,指定参数类型不仅可以提高代码的可读性,还能增强代码的可维护性。本文将详细介绍如何在 TypeScript 中指定函数参数的类型,分步骤展示给刚入行的小白。
## 文章结构
1. 理解 TypeScript 参数类型的重要性
原创
2024-10-25 04:33:49
70阅读
contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8')
告诉服务器,我要发什么类型(格式)的数据
dataType (default: Intelligent Guess (xml, json, script, or html))
告诉服务器,我要想什么类型(格式
转载
2024-09-05 14:52:04
25阅读
Angular是用TypeScript构建的TypeScript并不是一门全新的语言,而是ES6的超集。所有的ES6代码都是完全有效且可编译的TypeScript代码。 说明一下:什么是ES5?什么是ES6?ES5是ECMAScript5的缩写,也被称为“普通的JavaScript”。ES5就是大家熟知的JavaScript,它能够运行在大部分浏览器上。ES6则是下一个版本的JavaScri