TypeScript教程

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

RSS

TypeScript学习笔记（三）：类

在TypeScript中，类似于C#的结构，即一个文件中可以存在多个类，且文件名可以任意取，我们先看一个简单的类的示例。1classPerson{2privatename:string;3privateage:number;45publicconstructor(name:string,age:numb ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：168 | 回复：0
BetterScroll源码阅读顺便学习TypeScript

开头 TypeScript已经出来很多年了，现在用的人也越来越多，毋庸置疑，它会越来越流行，但是我还没有用过，因为首先是项目上不用，其次是我对强类型并不敏感，所以纯粹的光看文档看不了几分钟就心不在焉，一直就被耽 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：173 | 回复：0
TypeScript基本语法

TypeScript 是 JavaScript 的一个超集安装TypeScript ：npm install -g typescript 查看TypeScript版本： tsc -v 将ts文件转换为js文件：tsc test.ts 运行js文件：node test.js 1、TypeScript基础类型 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：177 | 回复：0
使用Typescript重构axios(五)——实现基础功能：处理请求的header

1.使用Typescript重构axios(一)——写在最前面2.使用Typescript重构axios(二)——项目起手，跑通流程3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数4.使用Typescript重构axios(四)——实现基础 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：168 | 回复：0
Typescript-命名空间

原文：TypeScript基本知识点整理零、序言命名空间给我的感觉更像是作用域 demo:namespaceShuaige{exportclassDeHua{publicname:string='刘德华'say(){console.log(`我是${this.name}`) ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：200 | 回复：0
TypeScript使用Parcel打包TS代码

初始化package.jsonnpminit-y初始化tsconfig.jsontsc--init安装[email protected]找到配置amp;quot;outDiramp;quot;:amp;quot;./distamp;quot;,amp;quot;rootDiramp;quot;:amp;quot;./src ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：170 | 回复：0
TypeScript3.9稳定版本新增功能

TypeScript于5月12日发布了该年度的第二个版本。它是3.9版，现在是稳定版。在本文中，我将指出TypeScript3.9的一些令人兴奋的新功能。让我们举一个例子，我们定义一个以两个字符串为参数的函数。printName(firstName ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：192 | 回复：0
新建一个angularjs+requirejs+bootstrap+typescript+gulp+vscode+git的项目

环境windows10准备工具VisualStudioCodeNode.jsGit需求必须支持IE8步骤开始：执行命令行工具mkdirDemoamp;amp;amp;amp;amp;amp;cdDemonpminitname:demoversion:0.0.1description:Thisisademo.entrypoint:testco ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：188 | 回复：0
TypeScript-解决（tsc不是内部或外部命令，也不是可运行的程序或批处理文件）问题 ...

准备学习ts,但全局安装ts后出现问题：tsc不是内部或外部命令，也不是可运行的程序或批处理文件解决方法：配置环境变量我的电脑--amp;amp;gt; 右键 --amp;amp;gt; 属性--amp;amp;gt; 高级系统设置--amp;amp;gt; ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：210 | 回复：0
typeScript学习笔记二

1、interface接口抽象 interface主要用于抽象一个对象模型，约束对象的属性、类型、结构如上图中person接口内部定义了三个属性，并且标明了不同属性的key类型，此时Tom变量由于声明为person类型，则该变量只能有三 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：235 | 回复：0
JS如何捆绑TypeScript声明文件

TypeScript是JavaScript类型的超集这是TypeScript的文档介绍的一句话，那么他们存在联系呢？我的理解是，TypeScript在JavaScript基础上引入强类型语言的特性。开发者使用TypeScript语法进行编程开发，最终通过转换工 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：216 | 回复：0
vscode——如何调试typescript

最近在学习TS,为了方便研究下如何使用vscode进行调试,前提是您本地已经安装过typescript且可正常使用tsc;debugging:https://code.visualstudio.com/docs/editor/debugging#_debug-actionstasks:https://code.visuals ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：239 | 回复：0
VSCode运行TypeScript操作指南

总结一下TypeScript开发环境用到的各种工具：Node——通过npm安装TypeScript及大量依赖包。从https://nodejs.org/下载并安装它；如果安装各种包不方便，可以将安装源改为国内镜像，具体方案网络上已经有很多了，可供 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：298 | 回复：0
用Visual Studio 2019搭建Node.js+Vue+Typescript(TS)Web框架项目，兼容VsCode ...

兼容VsCode就是可以用VsCode打开，代码不需要做任何修改同样Visual Studio添加.sln和.njsproj也可以打开别人用VsCode创建的项目本项目创建有3个目的： 1、用Visual Studio 2019创建 Vue.js Web应用程序 2、用vue ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：267 | 回复：0
create-react-app-typescript知识点

github：https://github.com/wmonk/create-react-app-typescript报错：Importsourceswithinagroupmustbealphabetized.原因：import名称排序问题，要求按照字母从小到大排序；修改rules的规则“ordered-imports”为fa ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：241 | 回复：0
typescriptlet和const区别

var声明在函数体外，所声明的变量为全局变量。var name = amp;quot;张三amp;quot;;var所声明的全局变量会作为window的一个属性，可以使用amp;quot;.amp;quot;来引用。如上例的name引用：console.log(window.name) ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：228 | 回复：0
node.js 用typescript实现图片，音频压缩工具

首先让美术爸爸，帮给导出两张图片，分别为jpg和png格式我们再来看看压缩前后的图片和音频质量，大小我们发现图片质量不变，内存却减少了很多我们再从网上下载一首笔主喜欢听的歌曲来压缩一下试试我们可以看到： ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：247 | 回复：0
在VScode上使用TypeScript

安装TypeScript依赖npminstalltypescript--save-dev 查看版本tsc-v在自己的目录下下创建文件夹，我是通过cmd创建的，操作如下cdstudy\typescripttsc--init在上面执行了tsc--init之后，会在你自己生成的目录下产生一 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：222 | 回复：0
使用TypeScript开发ReactNative应用的简单示例

最近小小尝试了下ReactNative+TypeScript开发APP，爬了无数坑之后总算弄出来个结果，重要的地方记录下，后面会附上示例代码：1、开发工具的选择 windows平台我接触的开发工具主要三个， WebStorm，IntellijIDEA201 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：218 | 回复：0
TypeScript数据类型---枚举(Enum)

一、基础用法1.默认值从0开始递增+1enumColor{Red,Green,Blue}letc:Color=Color.Red;letd:Color=Color.Green;lete:Color=Color.Blue;console.log('enum',c,d,e)//0,1,2 2.手动设置初始值第一位未设置的默认0,后面递 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：231 | 回复：0
TypeScript笔记6--接口

接口定义接口和Java语言一样，都是通过关键字interface定义的，如下例子：interfacePeople{name:string;age:number;hobby?:string;//可选属性readonlysex:string;//只读属性run:(steps:number)=amp;amp;gt;void;// ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：237 | 回复：0
TypeScript学习（三）命名空间和模块

使用命名空间命名空间是位于全局命名空间下的一个普通的带有名字的JavaScript对象。这令命名空间十分容易使用。它们可以在多文件中同时使用，并通过 --outFile结合在一起。命名空间是帮你组织Web应用不错的方式，你 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：266 | 回复：0
TypeScript-可选-默认-剩余参数

假设这个时候我有一个需求: 要求定义一个函数可以实现 2 个数或者 3 个数的加法这个时候就可以利用可选参数来进行实现实现方式为，在需要进行可选的参数名称后面添加一个 ? 即可实现 function add(x: number, y: ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：330 | 回复：0
应用十：Vue之Vue与TypeScript集成开发

截至2019年底，TypeScript（简称ts）已经与Python并列成为第二受欢迎的开发语言，仅次于Rust。如果你还不清楚到底什么是ts，请先移步至ts中文网了解。再过几个月Vue3.0版本就将正式发布，源码完全使用TypeScript编 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：266 | 回复：0
从零打造TypeScript版的React组件库之树形组件

你与前端大佬之间，或许只差一个高级组件库的距离！在公司里，前端主管最常见的工作就是搭建项目架构，编写最适合公司业务的组件库，所以能否编写出高质量的组件库，是你能否在公司里升职加薪的必要条件！但是不会 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：275 | 回复：0
尤雨溪：TypeScript不会取代JavaScript

来源 |evrone.com译者 | 核子可乐策划 | 蔡芳芳近日，Evrone 与 Vue.js 的作者尤雨溪进行了一次访谈，了解他对于无后端与全栈方法、以及 Vue.js 适用场景的看法，还有他本人如何在工作与生活之间取得平衡。记 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：363 | 回复：0
TypeScript-内置对象

JavaScript中有很多内置对象，它们可以直接在TypeScript中当做定义好了的类型。内置对象是指根据标准在全局作用域（Global）上存在的对象。这里的标准是指ECMAScript和其他环境（比如DOM）的标准。ECMAScript标准提 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：252 | 回复：0
typescript函数返回多个值接受函数返回的多个值

functionfunc1():{data:number,err:string,msg:string}{return{data:1,err:amp;quot;小昆虫amp;quot;,msg:amp;quot;爱白菜amp;quot;};}console.log(func1());{letobj=func1();console.log('用一个变量接受函数返回的 ...……

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

TypeScript不是一门新的语言，而是ES6的超集。TypeScript相对于ES5有五大改善类型类注解模块导入语言工具包（比如，解构）TypeScript相对于ES6新增两个功能：类型检测注解1、类型缺乏类型检查是JavaScript这些弱类型 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：232 | 回复：0
[求教]利用typescript对Javascript做强类型检测提示

近期在学习typescript的时候，发现ts居然可以对原生js做强检测。发现从v2.3就开始直接了。这让我感叹他的变化，又让我自己感到学习的缓慢。本文章就对他小试牛刀一下。一、他是的使用与支持通过阅读官网的说明，了解 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：217 | 回复：0
TypeScript遍历对象属性问题

一、问题比如下面的代码：typeAnimal={name:string;age:number}constanimal:Animal={name:amp;quot;dogamp;quot;,age:12}functiontest(obj:Animal){for(letkinobj){console.log(obj[k……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：199 | 回复：0
项目常用eslint配置（Vue/React/TypeScript）

记录一下常用的eslint配置。Vue项目常用eslint配置需要安装依赖（Vue这里使用standard扩展和vue插件，所以需要安装){amp;quot;devDependenciesamp;quot;:{amp;quot;babel-eslintamp;quot;:amp;quot;^10.0.2amp;quot; ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：191 | 回复：0
TypeScript和JavaScript的一些小技巧记录

向下取整Math.floor(4.5);//4简写：varnum=4.5;~~num;numamp;amp;lt;amp;amp;lt;0;numamp;amp;gt;amp;amp;gt;0;numamp;amp;gt;amp;amp;gt;amp;amp;gt;0;四种写法都会返回向下取整后的值，即4。但是要注意，简写的方 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：200 | 回复：0
TypeScript泛型参数默认类型和新的--strict编译选项

TypeScript2.3增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。接下来看看如何通过泛型参数默认将以下react组件从 js (和jsX)迁移到TypeScript(和TSX):classGreetingextendsreact.C ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：187 | 回复：0
sublimetext3开发TypeScript插件及配置

2、下载TypeScript，地址：https://visualstudiogallery.msdn.microsoft.com/2d42d8dc-e085-45eb-a30b-3f7d50d55304，安装。 3、这里重点介绍几个sublimetext3开发TypeScript的插件 1、T3S，下载 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：181 | 回复：0
TypeScript+Webpack环境搭建

TypeScript+Webpack环境搭建步骤安装Node.js安装npm创建一个npm项目安装typescript，配置ts安装webpack，配置webpack初始化一个npm项目npminit将在项目根目录下创建package.json文件。文件目录结构如下ts3-demo|-src ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：193 | 回复：0
TypeScript之三斜线指令

https://m.runoob.com/manual/gitbook/TypeScript/_book/doc/handbook/Triple-SlashDirectives.html一个三斜线引用路径是相对于包含它的文件的，如果不是根文件。三斜线指令///amp;amp;lt;referencepath=amp;quot;.. ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：214 | 回复：0
TypeScript开发程序使用TypeScript开发程序推荐一款作图神器：ProcessOn ...

使用TypeScript开发程序 TypeScript一直发展不错，我们公司在开发新功能时，考虑到程序的可维护性，使用了TypeScript编写浏览器上的程序，我们是从零开始使用TypeScript，甚至我连javascript也是半罐子，本文描述 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：187 | 回复：0
在项目中使用TypeScript

新版本的VisualStudio对TypeScript已经有了很好的支持，我们可以直接添加TypeScript文件到项目中，IDE会在编写TypeScript代码的同时自动生成js文件到ts文件的同级目录下（注意只是生成，需要手动添加到项目里面来） ...……

作者：菜鸟教程小白 | 时间：2022-7-18 18:04 | 阅读：186 | 回复：0
typescript函数书写

ts函数书写跟js函数书写有点区别，传参也是声明数据类型，同时还要在()后面也要声明返回的数据类型functionxiaojiejie(age:Number):string{returnage+'岁小姐姐!'}varage:Number=18varresult:string=xiaojiejie(age) ...……

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

1 ... 34 35 36 373839 40 41 42 ... 405 / 405 页下一页

客服电话

电子邮件

TypeScript教程

关于我们

产品与服务

解决方案

139-2527-9053