TypeScript
文章平均质量分 88
ts相关
前端路啊
一起学前端
展开
-
React 项目中使用 TypeScript - Redux 基本使用
1.Redux 基本使用目标:能够掌握如何在 TS 项目中初始化 redux内容: 安装依赖包:yarn add redux react-redux redux-devtools-extension redux-thunk 新建文件 store/index.ts( 后缀为.ts) import { createStore, applyMiddleware } from 'redux';import { composeWithDevTools } from 'redux-...原创 2022-05-04 09:34:24 · 1085 阅读 · 0 评论 -
创建基于 TS 的 React 项目与类型声明文件
目录1. 创建基于 TS 的 React 项目2.tsconfig 的介绍3. 类型声明文件介绍4. TS 的两种文件类型5.类型声明文件-内置6. 类型声明文件-第三方库7. 类型声明文件-自定义8.类型声明文件的使用说明9.类型声明文件的总结1. 创建基于 TS 的 React 项目目标:能够使用 CRA 创建基于 TS 的项目内容:创建基于 TS 的 React 项目命令:npx create-react-app react-ts --...原创 2022-05-03 12:00:00 · 3810 阅读 · 1 评论 -
React 项目中使用 TypeScript
1.useEffect 的使用目标:能够掌握 useEffect 在 TS 中的使用内容:useEffect函数不涉及到任何类型,TS 和 JS 中使用一致useEffect(() => { const onResize = () => { console.log('哈哈哈'); }; window.addEventListener('resize', onResize); return () => { window.addEventLi原创 2022-05-03 18:00:00 · 3686 阅读 · 0 评论 -
TypeScript 高级类型
目录1. TS 中的类型兼容性2.泛型概述3.泛型函数4. 简化泛型函数调用5. 泛型约束6.添加泛型约束7.多个类型变量的泛型8.泛型接口9. 泛型工具类型PartialReadonlyPick1. TS 中的类型兼容性目标:能够理解 TS 中的类型兼容性内容:TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)T...原创 2022-05-02 08:00:00 · 391 阅读 · 0 评论 -
TypeScript 常用类型
目录1. 类型注解2. 常用基础类型1.JavaScript 已有类型2. TypeScript 新增类型3.原始类型4. 数组类型1.类型[]写法, 如2.Array<类型>写法, 如5.联合类型6. 类型别名7.函数类型void 类型函数可选参数8. 对象类型使用类型别名带有参数的方法的类型箭头函数形式的方法类型对象可选属性9. 接口 interface接口和自定义类型的区别接口继承10...原创 2022-05-01 18:00:00 · 5043 阅读 · 0 评论 -
TypeScript快速上手
安装编译 TS 的依赖为什么要安装依赖?Nodejs/浏览器 只认识 JavaScript 代码,不识 TS 代码,需要先将 TS 代码转化为 JS 代码,才可以运行。安装命令$ npm i -g typescript验证是否安装成功$ tsc -v运行流程图编译运行 ts 代码创建一个 hello.ts 文件 (TS 的文件的后缀名为.ts) 将 TS 编译为 JS,在终端编译命令tsc hello.ts(此时,同级目录会出现一个同名 JS 文件...原创 2022-05-01 12:00:00 · 398 阅读 · 0 评论 -
TypeScript
目录1.TypeScript 介绍2.TypeScript 为什么要为 JS 添加类型支持3.问题4.优势5.当下最主流的开发技术栈1.TypeScript 介绍TypeScript 官方文档TypeScript简称:TS,是 JavaScript 的超集,简单来说就是:JavaScript 有的 TypeScript 都有TypeScript 实际上就是 JavaScript(弱类型) + Type (类型) , 即为 JS 添加类型支持,如图let usern.原创 2022-05-01 08:00:00 · 291 阅读 · 0 评论