草庐IT

language-typescript

全部标签

自学 TypeScript 第四天,手把手项目搭建

前言:学了三天,我们学习了TS的基本类型声明,TS的编译,webpack打包,其实也就差不多了,剩下的也就一些类,继承,构造函数,抽象类,泛型一些的,如果都细致的讲可能写好久,感兴趣的可以自己找资料细致的去学一下学习代码或一个新语法,最好的方法无非就是做项目,从这个过程中学会如何去使用,怎么去写废话不多说,我们开始今天的贪吃蛇项目初始化项目搭建,初始化:我记得前一天,我们配置过一份webpack配置,直接复制过来使用,这里就不多说了,然后就是在项目中引入我们的lessnpmi-Dlessless-loadercss-loaderstyle-loader什么什么杠loader,就是把什么和web

自学 TypeScript 第五天,手把手项目搭建 TS 篇

前言:昨天咱们已经把贪吃蛇的页面写好了,今天咱们来写TS部分TS我们要用面向对象的形式去编写我们的功能,所以我们要以一个功能去定义一个对象把这个项目分成几个模块,也就是几个对象功能Food类(食物类):写对象的前提,我们要去定义类,用类去创建对象首先我们直接class一个Food类,由于我们的食物是一个div所以我们的Food类里面必须有一个属性来存放我们的元素//食物Food类classFood{element:HTMLElement;constructor(){//拿到元素idthis.element=document.getElementById('food')!;}}元素有了,现在我们

自学 TypeScript 第五天,手把手项目搭建 TS 篇

前言:昨天咱们已经把贪吃蛇的页面写好了,今天咱们来写TS部分TS我们要用面向对象的形式去编写我们的功能,所以我们要以一个功能去定义一个对象把这个项目分成几个模块,也就是几个对象功能Food类(食物类):写对象的前提,我们要去定义类,用类去创建对象首先我们直接class一个Food类,由于我们的食物是一个div所以我们的Food类里面必须有一个属性来存放我们的元素//食物Food类classFood{element:HTMLElement;constructor(){//拿到元素idthis.element=document.getElementById('food')!;}}元素有了,现在我们

Types-TypeScript官网Cheat Sheets

Type描述:全称叫做'类型别名',为类型字面量提供名称。比Interface支持更丰富的类型系统特性。Type与Interface区别Interface只能描述对象的形状,Type不止Interface能多次声明进行扩展,Type不行在性能方面,Type接口检查能够更快特性和变量类似,可以在不同的作用域中创建具有相同的名称。TypeScript内置了许多全局类型,将帮助你在类型系统完成常用的任务。对象字面量语法(ObjectLiteralSyntax)typeJsonRsponse={version:number;outOfStock?:boolean;//可选属性readonlybody:

Types-TypeScript官网Cheat Sheets

Type描述:全称叫做'类型别名',为类型字面量提供名称。比Interface支持更丰富的类型系统特性。Type与Interface区别Interface只能描述对象的形状,Type不止Interface能多次声明进行扩展,Type不行在性能方面,Type接口检查能够更快特性和变量类似,可以在不同的作用域中创建具有相同的名称。TypeScript内置了许多全局类型,将帮助你在类型系统完成常用的任务。对象字面量语法(ObjectLiteralSyntax)typeJsonRsponse={version:number;outOfStock?:boolean;//可选属性readonlybody:

记录--Uniapp + TypeScript 配置文档

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助0目标使用uniapp +TypeScript为基础栈进行小程序开发uniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。以后摘录自TypeScript官网TypeScriptisanopen-sourcelanguagewhichbuildsonJavaScript,oneoftheworld’smostusedtools,byaddingstatictypedefinitions.**Thi

记录--Uniapp + TypeScript 配置文档

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助0目标使用uniapp +TypeScript为基础栈进行小程序开发uniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。以后摘录自TypeScript官网TypeScriptisanopen-sourcelanguagewhichbuildsonJavaScript,oneoftheworld’smostusedtools,byaddingstatictypedefinitions.**Thi

TypeScript(基础篇)day01

一.TS介绍1.1简介ts是2012年由微软开发,在js的基础上添加了类型支持1.2优劣势优势:任何位置都有代码提示,增加效率;类型系统重构更容易;使用最新的ECMAscript语法劣势:和有些库的结合并不是很完美;学习需要成本需要理解接口、泛型、类型等知识1.3与js区别首先要明确,ts的存在只是为了让编程更便捷,并不是用来取代js的,是因为js是一个弱类型没有接口泛型而已。二.环境安装首先安装ts,直接安装包即可注意是全局安装然后安装完后记得初始化ts初试化完之后有一个ts的配置文件,先修改两个东西rootdir表示我们的输入也就是写的代码所在的位置outdir表示代码会在此文件输出2.1

TypeScript(基础篇)day01

一.TS介绍1.1简介ts是2012年由微软开发,在js的基础上添加了类型支持1.2优劣势优势:任何位置都有代码提示,增加效率;类型系统重构更容易;使用最新的ECMAscript语法劣势:和有些库的结合并不是很完美;学习需要成本需要理解接口、泛型、类型等知识1.3与js区别首先要明确,ts的存在只是为了让编程更便捷,并不是用来取代js的,是因为js是一个弱类型没有接口泛型而已。二.环境安装首先安装ts,直接安装包即可注意是全局安装然后安装完后记得初始化ts初试化完之后有一个ts的配置文件,先修改两个东西rootdir表示我们的输入也就是写的代码所在的位置outdir表示代码会在此文件输出2.1

源码解读之TypeScript类型覆盖检测工具type-coverage

因为团队内部开启了一个持续的前端代码质量改进计划,其中一个专项就是TS类型覆盖率,期间用到了type-coverage这个仓库,所以借这篇文章分享一下这个工具,并顺便从源码阅读的角度来分析一下该工具的源码,我自己fork了一个仓库,完成了中文版本的ReadMe文件并对核心代码添加了关键注释,需要的同学可以点击传送门。一、基本介绍type-coverage是一个用于检查typescript代码的类型覆盖率的CLI工具,TS代码的类型覆盖率能够在某种程度上反映代码的质量水平(因为使用TS最主要的一个原因之一就是它所提供的类型安全保证)。type-coverage该工具将检查所有标识符的类型,类型覆