摘要: Webpack + TypeScript 环境搭建 一、环境配置 1、新建项目(即新建文件夹:HelloWorld) 2、项目初始化:npm init -y 3、安装typescript npm i typescript -g tsc --init 4、目录结构如下: 5、配置构建工具(webpac 阅读全文
posted @ 2022-01-22 20:43 #独狼 阅读(365) 评论(0) 推荐(0) 编辑
摘要: TypeScript泛型 一、什么是泛型 泛型的本质是参数化类型,也就是说所操作的数据类型被指定为一个参数。这种参数类型可以用在类、接口和方法的创建中,分别称为泛型类、泛型接口、泛型方法。 二、泛型方法 1、需求:定义identity函数。 这个函数会返回任何传入它的值 不用泛型的话,这个函数可能是 阅读全文
posted @ 2022-01-22 20:38 #独狼 阅读(220) 评论(0) 推荐(0) 编辑
摘要: TypeScript接口 接口是一种规范的定义,它定义了行为和动作的规范;在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。 一、接口 阅读全文
posted @ 2022-01-22 20:37 #独狼 阅读(67) 评论(0) 推荐(0) 编辑
摘要: TypeScript面向对象编程 类和对象 面向对象的七大原则: (1) 单一原则:一个类只负责一个职责。 (2) 里氏替换原则:子类可以在任何地方替换它的父类。 (3) 依赖倒置原则:代码要依赖于抽象的类,而不要依赖于具体的类;要针对接口或抽象类编程,而不是针对具体类编程。 (4) 接口隔离原则: 阅读全文
posted @ 2022-01-22 20:35 #独狼 阅读(225) 评论(0) 推荐(0) 编辑
摘要: TypeScript的函数(方法) 一、函数的定义 1、声明式 function getInfo(name: string, age: number) : string { return `I am ${name} and I am ${age} years old` } ts在传参时都会规定参数的 阅读全文
posted @ 2022-01-22 20:34 #独狼 阅读(1378) 评论(1) 推荐(0) 编辑
摘要: TypeScript语法基础 一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 1.1 获取 TypeScript 1.安装 TypeScript 阅读全文
posted @ 2022-01-22 20:32 #独狼 阅读(426) 评论(0) 推荐(0) 编辑
摘要: React之diff算法 一、diff算法的作用 计算出Virtual DOM中真正变化的部分,并只针对该部分进行原生DOM操作,而非重新渲染整个页面。 二、传统diff算法 通过循环递归对节点进行依次对比,算法时间复杂度达到 O(n3) ,n是树的节点数,这个有多可怕呢?——如果要展示1000个节 阅读全文
posted @ 2022-01-21 21:29 #独狼 阅读(530) 评论(0) 推荐(0) 编辑
摘要: React-Redux React-Redux 是 Redux 的官方 React 绑定库。 React-Redux 能够使React组件从Redux store中读取数据,并且向 store 分发 actions 以更新数据。 React-Redux 并不是 Redux 内置,需要单独安装。 Re 阅读全文
posted @ 2022-01-21 21:25 #独狼 阅读(160) 评论(0) 推荐(0) 编辑
摘要: React Hooks 一、为什么会有Hooks 介绍Hooks之前,首先要说一下React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。 但是我们知道, 阅读全文
posted @ 2022-01-21 21:21 #独狼 阅读(110) 评论(0) 推荐(0) 编辑
摘要: React中fetch 基本使用 一、fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、fetch的基本使用 fetch(url).then(res => { return res.j 阅读全文
posted @ 2022-01-21 21:20 #独狼 阅读(5553) 评论(0) 推荐(0) 编辑