React + TypeScript 实现泛型组件
泛型类型
TypeScript 中，类型（interface, type）是可以声明成泛型的，这很常见。
interface Props<T> {
content: T;
}
这表明 Props 接口定义了这么一种类型：
它是包含一个 content 字段的对象
该 content 字段的类型由使用时的泛型 T 决定
type StringProps = Props<string>;
let props: StringPro ...
使用 VS Code 搭建 TypeScript 开发环境
使用 VS Code 搭建 TypeScript 开发环境
TypeScript 是 JavaScript 的超集，TypeScript 只是增强了 JavaScript 而非改变了 JavaScript，TypeScript 同样也是基于 ECMAScript 标准的编程语言。因此非常流行的 Vue 和 React 及我们常用 Jquery 等类库都可以使用 TypeScript 来编码，TypeScript 强大的智能类型分析系统，能够 ...
TypeScript 参数属性
假设类中创建的 readonly 类型的属性，该类型的属性只能在声明处或构造器中进行初始化。
class Octopus {
readonly name: string;
readonly numberOfLegs: number = 8;
constructor (theName: string) {
this.name = theName;
}
}
为了初始化 name 属性，不得不在构造器中声明另一 ...
React + TypeScript 默认 Props 的处理
React 中的默认 Props
通过组件的 defaultProps 属性可为其 Props 指定默认值。
以下示例来自 React 官方文档 - Default Prop Values：
class Greeting extends React.Component {
render() {
return (
<h1>Hello, {this.props.name}</h1>
);
}
}
// Specifies the default values for p ...
typescript
一、typescript1.简介：typescript是JavaScript的一个超集(语法遵循es6标准)，是微软发明的语言ts做为js的一个语法糖，类似于css和less，sass的关系，ts相比js更加容易维护和开发，但是最后一定要转为js才能运行ts==》Microsoftts=>Angular4=>Googlets支持es6的语法，Angluar4的开发语言是ts，编译器(IDE)的支持下良好2.安 ...
TypeScript && React
环境搭建
我们当然可以先用脚手架搭建React项目，然后手动配置成支持TypeScript的环境，虽然比较麻烦，但可以让你更清楚整个过程。这里比较麻烦，就不演示了，直接用命令配置好。
npx create-react-app appname --typescript
可以安装一些自己需要的库及其声明文件，例如react-router-dom、axios、ant Design等。如果要安 ...
TypeScript类型检查机制
类型推断
指不需要指定变量的类型，TS编译器可以根据某些规则自动推断出类型。
什么时候会有类型推断？
声明变量时没有指定类型
函数默认参数
函数返回值
......
let a; // 这时自动推断为any类型
let b = 1; // 推断为number类型
let c = []; // 推断为由any类型构成的数组
let d = (x=1) => x+1; // 函数传参时，默认 ...
为什么还需要学习TypeScript
开篇
TypeScript 是由 C#语言的创始人 Anders Hejlsberg 设计的一种编程语言，设计的初衷就是为了帮助 JavaScript 的开发人员能像类似高级语言c#,Java那样编写代码，比如使用高级语言的强类型、面向对象、语法检查，代码编译等特点。TypeScript包含一个编译器，可以将用TypeScript 编写的代码转换为 ...
TypeScript中使用getElementXXX()
如果只是看解决方法，可以直接跳到第二小节
简述
Angular 1.x版本是用JavaScript编写的，我们在百度Angular经常会搜索到AngularJS，并不是JavaScript的什么衍生版本，就是Angular 1.x。在后续版本中，改用TypeScript来重写了Angular框架。改动较大，所以做了个区分，Angular v1.x就叫AngularJS，v2及后续版本统称为Angula ...
Typescript 学习 - 类
class
class 并不是一种新的数据结构，只是在函数原型基础上的语法糖
class People {
hand: number;
constructor(hand: number) {
this.hand = hand;
}
getHandNum(): void {
console.log(this.hand)
}
}
转为 js
var People = /** @class */ (function () {
function People( ...
TypeScript语法基础
什么是TypeScript?
TypeScript是微软开发的一门编程语言，它是JavaScript的超集，即它基于JavaScript，拓展了JavaScript的语法，遵循ECMAScript规范（ES6/7/8+）。
TypeScript = Type + Script(标准JS)，它可以编译成纯JavaScript，已经存在的JavaScript也可以不加改动地在TS的环境上运行。
目前， Angular 已经使用 TypeSc ...
TypeScript进阶开发——ThreeJs基础实例，从入坑到入门，Demo实例记录
前言
我们前面使用的是自己编写的ts，以及自己手动引入的jquery，由于第三方库采用的是直接引入js，没有d.ts声明文件，开发起来很累，所以一般情况下我们使用npm引入第三方的库，本文记录使用npm，typescript开发threejs3D项目，搭建基础实例，为以后开发具体业务做准备
项目结构
...
深入浅出TypeScript（2）- 用TypeScript创建web项目
前言
在第一篇中，我们简单介绍了TypeScript的一些简单语法，那么如果我们只是简单使用TypeScript开发一个web项目，应该做哪些准备？接下来我们就结合TypeScript和Webpack来创建一个基于TypeScript的Web应用程序。
准备工作
为了创建第一个Web应用，我们先做一些基本的准备工作，需要安装以下依赖：
webpack
webpack-cli
...
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言
本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目，并在此过程中踩过的坑 。
TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年 势头迅猛，可谓遍地开花。
Vue3.0 将使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及，能够熟练掌握 TS，并使用 TS ...
使用Typescript重构axios(一)——写在最前面
0.系列文章
1.使用Typescript重构axios(一)——写在最前面
2.使用Typescript重构axios(二)——项目起手，跑通流程
3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数
4.使用Typescript重构axios(四)——实现基础功能：处理post请求参数
5.使用Typescript重构axios(五)——实现基础功能：处理请求的header ...
使用Typescript重构axios(六)——实现基础功能：获取响应数据
0. 系列文章
1.使用Typescript重构axios(一)——写在最前面
2.使用Typescript重构axios(二)——项目起手，跑通流程
3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数
4.使用Typescript重构axios(四)——实现基础功能：处理post请求参数
5.使用Typescript重构axios(五)——实现基础功能：处理请求的heade ...
使用Typescript重构axios(十三)——让响应数据支持泛型
0. 系列文章
1.使用Typescript重构axios(一)——写在最前面
2.使用Typescript重构axios(二)——项目起手，跑通流程
3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数
4.使用Typescript重构axios(四)——实现基础功能：处理post请求参数
5.使用Typescript重构axios(五)——实现基础功能：处理请求的heade ...
使用Typescript重构axios(三十二)——写在最后面（总结）
0. 系列文章
1.使用Typescript重构axios(一)——写在最前面
2.使用Typescript重构axios(二)——项目起手，跑通流程
3.使用Typescript重构axios(三)——实现基础功能：处理get请求url参数
4.使用Typescript重构axios(四)——实现基础功能：处理post请求参数
5.使用Typescript重构axios(五)——实现基础功能：处理请求的heade ...
从零配置webpack(react+less+typescript+mobx)
本文目标
从零搭建出一套支持react+less+typescript+mobx的webpack配置
最简化webpack配置
首页要初始化yarn和安装webpack的依赖
yarn init -y
yarn add webpack webpack-cli -D
根目录下新建webpack.config.js文件，内容如下
const path = require('path');
mod ...
React与Typescript整合
0. Typescript
Typescript对于前端来说可以说是越来越重要了，前端的很多项目都用Typescript进行了重构。这主要得益于Typescript有比较好的类型支持，在编码的过程中可以很好地做一些类型推断（主要是编辑器会有代码提示，就很舒服）。再者Typescript的语法相较于javascript更加严谨，有更好的ES6的支持，这些特 ...
