TypeScript知识点
1.1 Typescript 介绍
1.TypeScript 是由微软开发的一款开源的编程语言，像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目。
2.TypeScript 是 Javascript的超级，遵循最新的 ES6、Es5 规范(相当于包含了es6、es5的语法)。TypeScript扩展了JavaScript的语法。
3.最新的 Vue 、React 也可以集成 TypeScript。
1.2 ...
vue cli创建typescript项目
使用最新的Vue CLI @vue/cli创建typescript项目，使用vue -V查看当前的vue cli版本
安装命令
npm install -g @vue-cli
创建项目
vue create my-vue-typescript
上下键选择，空格键确定
接下来是一些常规选项
下面是询问要不要记录这次配置以便后面直接使用，我们选择y
当确定配置后会在C:%users\Administrator\.vuerc ...
Vue+Typescript中在Vue上挂载axios使用时报错
Vue+Typescript中在Vue上挂载axios使用时报错
在vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件将axios挂载到vue原型身上，如下：
main.ts
import Vue from 'vue'
import axios from './utils/http'
Vue.prototype.$axios = axios;
这样的话,我们在各个组件中进行请求时，就可以直接使用this.$a ...
Typescript + TSLint + webpack 搭建 Typescript 的开发环境
（1）初始化项目
新建一个文件夹“client-side”，作为项目根目录，进入这个文件夹：
我们先使用 npm 初始化这个项目：
这时我们看到了在根目录下已经创建了一个 package.json 文件，接下来我们创建几个文件夹：
npm install -g tslint
mkdir client-side
cd client-side
# 使用npm默认package.json配置
npm init -y
# 或者 ...
vue-property-decorator vue typescript写法
什么是Typescript
TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法。作者是安德斯大爷， Delphi、C# 之父（你大爷永远是你大爷）。把弱类型语言改成了强类型语言，拥有了静态类型安全检查， IDE 智能提示和追踪，代码重构简单、可读性强等特点。
现在VUE 也支持 ...
TypeScript入门实例
前言
TypeScript是JavaScript的超集，微软公司开发，利用es6语法，实现对js的面向对象编程思想，写代码的时候会像强类型语言一样，指定参数类型、返回值类型，类型不对会报错，但编译后还是js，弱类型语言，就算是报错一样能编译，不影响程序运行，但可能会出现不可预期的bug；
同时在ts文件里面import引入了它 ...
TypeScript环境安装，以及配置idea开发环境
安装前准备
安装typescript需要用到npm管理工具，而npm是随同Node.js一起安装的包管理工具，所以要先安装Node
1、前往Node官网下载最新版安装包：http://nodejs.cn/download/，双击运行
2、选择安装模式的时候我们只选 npm package manager 就可以了，安装好后打开cmd，输入node -v、npm ...
TypeScript扩展类方法
以数组删除元素为例
javascript数组删除一般是这样
1 const idx = selectedIDs.findIndex(x => x === deSelected);
2 selectedIDs.splice(idx, 1);
或者
const deleteId='xxxx';const selectedIDs= selectedIDs.filter(x => x!==deleteId)
不方便
在tyscript中扩展数组增加常用方法
1 建立接口声明文件
exten ...
TypeScript 中的类和接口
在面向对象（OOP）编程中，经常会使用到class(类)和interface(接口)。在TypeScript(以下简称TS)中也引入了类和接口的概念，使得TS强大的类型检测机制更加完善。就像我们所知道的，一个类是一堆抽象概念的集合，我们可以从类的构造方法中创建出享有共同属性和方法的对象。一个接口所描述的是一个对象相关的属性和方法，但并 ...
Vue Cli3 TypeScript 搭建工程
Vue Cli3出来也一段时间了，我想尝试下Vue结合TypeScript搭建个工程，感受下Vue下用TS...网上有一篇讲的非常详细的教程 vue-cli3.0 搭建项目模版教程（ts+vuex+axios） 作者：陈小生_1017
我看完教程后（好长的一篇博文，不得不服作者的用心，赞！），我去博主留的git地址 https://github.com ...
【区分】Typescript 中 interface 和 type
在接触 ts 相关代码的过程中，总能看到 interface 和 type 的身影。只记得，曾经遇到 type 时不懂查阅过，记得他们很像，相同的功能用哪一个都可以实现。但最近总看到他们，就想深入的了解一下他们。
interface：接口
TypeScript 的核心原则之一是对值所具有的结构进行类型检查。 而接口的作用就是为这些类型命名和为你的 ...
typescript nodejs 依赖注入实现
依赖注入通常也是我们所说的ioc模式，今天分享的是用typescript语言实现的ioc模式，这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息，它的作用是拿到原数据后进行对象创建类似C#中的反射，先看第一段代码：
import "reflect-metadata";
/**
* 对象管理器
*/
const _partialContainer = new ...
17、vue-cli3 js项目中引入ts混用（typeScript）
说明：
vue3.0搭建的项目，不过没有引入ts，后来需要用到一个插件是用ts写的，所以vue要用到ts。。。
一、安装typescript及loader
npm install typescript ts-loader --save-dev
二、安装vue-property-decorator
npm install vue-property-decorator --save-dev
三、配置vue.config.js
module.exports = {
configu ...
typescript 点滴
1 extend的用法
const x = extend({ a: 'hello' }, { b: 42 });
2只有在d.ts，你才可以使用 export as 这样子的语法。而且必须有namespace.
export const aaa = 132;
export const bbb = 132;
export as namespace ccc;
3 至今也不知道 安装了@types/sizzle后。
export = Sizzle;
4
class _ ...
十分钟教你理解TypeScript中的泛型
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://blog.bitsrc.io/understanding-generics-in-typescript-1c041dc37569
你将在本文中学到什么
本文介绍TypeScript中泛型（Generics）的概念和用法，它为什么重要，及其使用场景。我们会以一些清晰的例 ...
搭建自己的React+Typescript环境（一）
前言
前阵子在自己学习React，最开始上手使用的creat-react-app来创建自己的项目，2版本之后的create-react-app已经支持了很多功能，比如sass、数据mock、typescript支持等等，也升级了相关依赖babel、webpack到一个最新的版本，具体可以参照Create React App 中文文档，但是它将项目的webpack配置等内容给藏起来了，想要 ...
vs code安装使用ESLint，typescript
vscode中配置步骤
vs code中安装ESLint扩展；
全局或者局部安装eslint库，因为vs code的ESLint的扩展运行需要ESlint库。vscode首先从当前打开的工作去文件夹中查找，如果找不到，则在全局环境中查找；
//全局安装
npm install eslint -g
//当前项目中安装
npm install eslint --save-dev
安装完成之后，在vscode的 ...
Typescript - 类型断言
原文：TypeScript基本知识点整理
零、序言
类型断言，可以用来手动指定一个值的类型。
给我的感觉，和 java 中的强制类型转换很像。
常常和联合类型配合使用，如：
// 错误示例
function f13(name : string, age : string | number) {
if (age.length) { //报错
console.log(age.length) ...
typescript
使用官方脚手架构建
npm install -g @vue/cli
# OR
yarn global add @vue/cli
复制代码
新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。
只需运行vue create my-app。
然后，命令行会要求选择预设。使用箭头键选择Manually select features。
接下来，只需确保选择了TypeScript和Babel选项，如下 ...
TypeScript `this` 入参
考察下面的示例代码：
class MyClass {
constructor(protected foo: string) {}
@MyDecorator
bar() {
console.log("bar");
}
}
function MyDecorator(
_target: any,
_key: string,
descriptor: PropertyDescriptor
) {
const original = descriptor.value;
descriptor.value = function(...args: any[] ...
