TypeScript教程

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

RSS

TypeScript（3）基础类型

基础类型TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。布尔值最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）let ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：129 | 回复：0
使用react搭建组件库(二)：react+typescript

1使用了react官方脚手架：create-react-apphttps://github.com/facebook/create-react-appnpmruneject可以打开配置文件自定义配置文件执行安装： npxcreate-react-appts-with-react--typescript npx只有在npm5.2以 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：138 | 回复：0
javascript/TypeScript生成GUID

1exportconstguid=()=amp;amp;gt;{2return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(//g,function(c){3letr=Math.random()*16|0,v=c=='x'?r:(ramp;amp;amp;0x3|……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：148 | 回复：0
[TypeScript]InterfaceandClass

WhentouseInterfaceandwhentouseClass.Let'sseeoneexample:exportinterfaceLesson{courseId:string;description:string;duration?:string;longDescription?:string;tags:string|s……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：117 | 回复：0
在vscode上运行typescript文件

安装nodejs安装链接：https://nodejs.org/zh-cn/安装测试：node-vnpm-v安装typescriptsudonpminstalltypescript-gnpminstalltypescript-D（--dev）tsc--version 编写程序初始化程序……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：128 | 回复：0
【前端】关于react+typescript遇到的“泛型约定组件状态”，报错：Property‘***‘doe ...

typescript官方错误信息列表，简单说就是我们使用的state中的数据，必须要在一开始用泛型去规定一下类型，防止错误类型的数据传进来。如果想深入了解，可以参考官方文档：typescript–泛型接下来我说一下我的解决方 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：125 | 回复：0
如何解决Typescript对ReactHooks中使用mobx时props的类型检查

最外层组件传入mobx中的stores：import{stores}fromamp;quot;@/storesamp;quot;;import{Provider}fromamp;quot;mobx-reactamp;quot;;ReactDOM.render(amp;amp;lt;Provider{...stores}amp;amp;gt;amp;amp;lt;App/amp; ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：128 | 回复：0
TypeScript数组类型定义

1数组类型限制vararr:number=;//数字类型的数组vararr2:string=;//字符串类型的数组vararr3:any=;//任意类型的数组2数组类型限制数组泛型Arrayamp;amp;lt;elemTypeamp;amp;gt;表示法表示数组的类型是数字的哈vararr: ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：129 | 回复：0
typescript设置全屏

fullScreen(){document.getElementById(amp;quot;fullScreenamp;quot;).style.display=amp;quot;noneamp;quot;;document.getElementById(amp;quot;exitScreenamp;quot;).style.display=amp;quot;blockamp;quot;;lete ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：116 | 回复：0
TypeScript学习笔记（七）：模块

在学习TypeScript的模块之前我们先看看在JavaScript中的模块是如何实现的。模块的好处首先我们要了解使用模块的好处都有什么？模块化、可重用；封装变量与函数；下面的示例为使用JavaScript实现的模块： 1 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：123 | 回复：0
TypeScript的概要和简介

安装 Typescript的基本介绍可以自行百度 centos虚拟机中可以完整的体验， virtualbox安装开发版本，选择开发工具项，否则增强功能无法安装【提示kernel 头文件缺失，yum安装后仍是无效】一些具体的网址 https://git ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：123 | 回复：0
如何在TypeScript中使用JS类库

使用流程1.首先要清除类库是什么类型，不同的类库有不同的使用方式2.寻找声明文件JS类库一般有三类：全局类库、模块类库、UMD库。例如，jQuery是一种UMD库，既可以通过全局方式来引用，也可以模块化引用。声明文件当 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：127 | 回复：0
译文：TypeScript新手指南

你是否听过 TypeScript？ TypeScript 是微软开发的 JavaScript 的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方包括：加入注释，让编译器理解所支持的 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：110 | 回复：0
typescript中的工具 tsd

首先帮微软买个广告：VSCode 实在是太适合我了，感觉写起来无比舒畅，建议有兴趣的可以去试试用vsCode写前端。　最近开始使用ts去构建项目，感觉写起来非常的爽（本人以前接触过c#和java）,终于不用头疼JavaScri ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：110 | 回复：0
TypeScript 常用语法

对于传统的 JavaScript 程序我们会使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员使用这些语法就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。从 ECMAScript ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：109 | 回复：0
typescript中的类

typescript中的类与es6中的类在使用上基本一样，举个小例子：classPerson{name:string;constructor(name:string){this.name=name}sayHi(){console.log('hi')}}//定义Teacher继承PersonclassTeacher ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：108 | 回复：0
TypeScript-基础类型

TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用 let val: number; val = 123; console.log(val); 如上代码的含义定义了一个名称叫做 val 的变量, 这个变量中将来 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：105 | 回复：0
（译文）开始学习Webpack-应用TypeScript，配置热加载和SourceMap

项目初始化：采用TypeScript我们的版本是：$node--versionv8.5.0$npm--version5.5.1npm版本升级了，因为npm最近带来了新特性，本地会生成package-lock.json，能提高一些性能，想知道更多的，可以google一下。创建目 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：103 | 回复：0
React之hook/class结合typescript笔记

使用create-react-app开启TypeScriptCreateReactApp是一个官方支持的创建React单页应用程序的CLI，它提供了一个零配置的现代构建设置。当你使用CreateReactApp来创建一个新的TypeScriptReact工程时，你可以运行 npx ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：118 | 回复：0
转载：《TypeScript 中文入门教程》

缘由事情是这样的，我想搜索 TypeScript 中文教程，结果在 https://www.baidu.com ， https://cn.bing.com ，上都找不到官方的翻译，也没有一个像样的翻译（搜索的时间是2015-12-02），可怜我们无法使用google ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：117 | 回复：0
TypeScript 函数（五）

传递给一个函数的参数个数必须与函数期望的参数个数一致。参数类别：必须参数可选参数：可选参数必须在参数后面。默认参数：当用户没有传递这个参数或传递的值是undefined时。它们叫做有默认初始化值的参数 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：111 | 回复：0
typescript

网址：https://www.tslang.cn/……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：112 | 回复：0
[Typescript]PreventTypeWideningofObjectLiteralswithTypeScript'sconstAssertions

A const assertionisaspecialtypeassertionthatusesthe const keywordinsteadofaspecifictypename.Whenusinga const assertiononanobjectliteralexpression,allpropertieswillbecome read……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：104 | 回复：0
TypeScript新品尝鲜

还记得我在《2020年JavaScript状态调研报告小结》中提到的2020年全球开发者最喜欢的JavaScript写法是什么吗？--没错！TypeScript！。鉴于在项目中使用TypeScript确实有以下种种好处：帮助开发者在「代码撰写时」（结 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：113 | 回复：0
TypeScript（1）为什么需要TypeScript

序言为什么需要TypeScriptTypeScript增加了代码的可读性和可维护性类型系统实际上是最好的文档，大部分的函数看看类型的定义就可以知道如何使用了可以在编译阶段就发现大部分错误，这总比在运行时候出错好增强了编 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：123 | 回复：0
TypeScript:基本类型和接口

返回TypeScript手册总目录基本类型(Basic Types) 为了让程序可以使用，我们需要用到一些最简单的数据单元：数字，字符串，结构，布尔值，诸如此类。在TypeScript中，支持许多正如你在JavaScript中期待的相同类型 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：121 | 回复：0
TypeScript笔记4--变量声明

在上一篇：基础变量中我们在声明变量时使用了关键字let，这和JS中的var有点类似。语法基本语法：let变量名:类型。当然类型不是必须的。letx:number;lety:string='xx';letz;z='xxx';varvar和let最大区别就是作用域不 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：120 | 回复：0
TypeScript入门

p.p1 { margin: 0 0 12.8px; font: 19.2px amp;quot;PT Sansamp;quot;; color: rgba(0, 0, 0, 1); -webkit-text-stroke: #000000 } p.p5 { margin: 0 0 12px; font: 12px amp;quot;.PingFang SCamp;quot;; color: rg ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：102 | 回复：0
TypeScript引入第三方包，报无法找到模块错误

以react-router-dom模块为例根据报错提示尝试安装该库的TypeScript版本（该库的ts声明文件），也就是在该库的名称前加上@types/npminstall@types/XXXoryarnadd@types/XXX//本例中npminstall@types/react-router-dom ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：108 | 回复：0
Vscode开发工具自动编译.ts文件(TypeScript文件)

一、控制台中amp;quot;tsc--initamp;quot;命令生成tsconfig.json文件；二、Vscode中：“任务”-“运行任务”-“tsc:监视-tsconfig.json”。……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：101 | 回复：0
TypeScript-类型声明、枚举、函数、接口

以下所写的并不代表typescript的数据类型，而是在使用过程中可以用作定义的类型。这里只列举一些常见的，不代表只有以下这些number:数值类型；string:字符串类型；boolean:布尔类型；Array:数组类型；Date:日期；Reg ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：101 | 回复：0
[VueJS+Typescript]DecoupleDependenciesUsingIoCContainersinVuewithTypeScriptandIn ...

UsingObjectOrientedProgramming, OOP,styleallowsustoapplyInversionofControl, IoC,andmorepatterns.An IoC containerhelpsdecouplingdependenciesbyusingaclassconstructororproperties……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：103 | 回复：0
TypeScript-类与接口

实现（implements）是面向对象中的一个重要概念。一般来讲，一个类只能继承自另一个类，有时候不同类之间可以有一些共有的特性，这时候就可以把特性提取成接口（interfaces），用implements关键字来实现。这个特性大 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：113 | 回复：0
Angular2+typescript项目里面用require

在typescript里面怎么使用require方法呢？constjQuery=require('jquery');constfip=require('@fonticonpicker/fonticonpicker')(jQuery);如果什么都不做，直接在项目里面使用，会得到以下错误：`Cannotfindname'requ ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：111 | 回复：0
Vue3+TypeScript+vue-class-component+Webpack实战踩坑

项目运行环境nodev12.9.0npmv6.10.2cli-servicev4.5.0核心框架版本号amp;quot;vueamp;quot;:amp;quot;^3.0.0amp;quot;,amp;quot;vue-class-componentamp;quot;:amp;quot;^8.0.0-0amp;quot;,amp;quot;vue-routeramp;q ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：133 | 回复：0
TypeScript+Gulp+混淆+打包

TypeScript+GULP官网有相关文章。http://www.typescriptlang.org/docs/handbook/gulp.html这里提供给一个可以工作的例子。由于打包后的bundle.js不知道如何通过chrome调试，所以，工程例子保留了三个buildtaskclean ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：105 | 回复：0
TypeScript&Canvas实现可视化白板

https://excalidraw.com/https://github.com/excalidraw/excalidrawrefs©xgqfrms2012-2020www.cnblogs.com发布文章使用：只允许注册用户才可以访问！……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：113 | 回复：0
typeScript中的函数

//函数的定义//es5定义函数的方法/*//函数声明法functionrun(){return'run';}//匿名函数varrun2=function(){return'run2';}*///ts中定义函数的方法……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：111 | 回复：0
typeScript（学习一，数组）

前言：TypeScript是微软开发的一门编程语言，它是JavaScript的一个超集,它遵循最新的ES6脚本语言规范，TypeScript扩展了JavaScript的语法，已经存在的JavaScript程序可以不经任何改动的情况下在TypeScript环境下运行 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：86 | 回复：0
TypeScript-构造函数constructor

classDog{//需要先定义，才能在constructor中this指向name:string;age:number;//构造函数，会在对象创建时调用//newDog()的时候，就会调用constructorconstructor(name:string,age:number){/** ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:02 | 阅读：90 | 回复：0

1 ... 45 46 47 484950 51 52 53 ... 405 / 405 页下一页

客服电话

电子邮件

TypeScript教程

关于我们

产品与服务

解决方案

139-2527-9053