01 2022 档案
摘要：Webpack + TypeScript 环境搭建 一、环境配置 1、新建项目(即新建文件夹：HelloWorld) 2、项目初始化：npm init -y 3、安装typescript npm i typescript -g tsc --init 4、目录结构如下： 5、配置构建工具（webpac
阅读全文
摘要：TypeScript泛型 一、什么是泛型 泛型的本质是参数化类型，也就是说所操作的数据类型被指定为一个参数。这种参数类型可以用在类、接口和方法的创建中，分别称为泛型类、泛型接口、泛型方法。 二、泛型方法 1、需求：定义identity函数。 这个函数会返回任何传入它的值 不用泛型的话，这个函数可能是
阅读全文
摘要：TypeScript接口 接口是一种规范的定义，它定义了行为和动作的规范;在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 一、接口
阅读全文
摘要：TypeScript面向对象编程 类和对象 面向对象的七大原则： (1) 单一原则：一个类只负责一个职责。 (2) 里氏替换原则：子类可以在任何地方替换它的父类。 (3) 依赖倒置原则：代码要依赖于抽象的类，而不要依赖于具体的类；要针对接口或抽象类编程，而不是针对具体类编程。 (4) 接口隔离原则：
阅读全文
摘要：TypeScript的函数(方法) 一、函数的定义 1、声明式 function getInfo(name: string, age: number) : string { return `I am ${name} and I am ${age} years old` } ts在传参时都会规定参数的
阅读全文
摘要：TypeScript语法基础 一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 1.1 获取 TypeScript 1.安装 TypeScript
阅读全文
摘要：React之diff算法 一、diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 二、传统diff算法 通过循环递归对节点进行依次对比，算法时间复杂度达到 O(n3) ，n是树的节点数，这个有多可怕呢？——如果要展示1000个节
阅读全文
摘要：React-Redux React-Redux 是 Redux 的官方 React 绑定库。 React-Redux 能够使React组件从Redux store中读取数据，并且向 store 分发 actions 以更新数据。 React-Redux 并不是 Redux 内置，需要单独安装。 Re
阅读全文
摘要：React Hooks 一、为什么会有Hooks 介绍Hooks之前，首先要说一下React的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望，组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。也就是说组件的最佳写法应该是函数，而不是类。 但是我们知道，
阅读全文
摘要：React中fetch 基本使用 一、fetch fetch是一种XMLHttpRequest的一种替代方案，在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、fetch的基本使用 fetch(url).then(res => { return res.j
阅读全文
摘要：React页面路由 前言： 随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是单页Web应用(Single Page Web Application,SPA))的兴起，前端路由系统随之开始流行。 1、从用户的角度看，前端路由主要实现了两个功能（使用ajax更新页面状态的情况下
阅读全文
摘要：React中事件的处理 React 中使用 onClick 类似的写法来监听事件，注意 this 绑定问题 React 里严格遵循单项数据流，没有数据双向绑定，所以要处理两件事，第一是元素本身值的赋值，第二是值改变以后的事件，例如输入框需要设置 value 和 onChange 。 import R
阅读全文
摘要：React组件的生命周期 组件的生命周期就是Reac的工作过程，就好比人有生老病死，自然界有日月更替，每个组件在网页中也会有被创建、更新和删除，如同有生命的机体一样。 React组件的生命周期可以分为三个过程 装载(挂载)过程（mount）：就是组件第一次在DOM树中渲染的过程 更新过程（updat
阅读全文
摘要：Node应用是由模块组成的，Node遵循了CommonJS的模块规范，来隔离每个模块的作用域，使每个模块在它自身的命名空间中执行。 一、什么是CommonJS规范 CommonJS 是一套代码规范, 目的是为了构建 JavaScript 在浏览器之外的生态系统 (服务器端, 桌面端). JavaSc
阅读全文
摘要：数据读写可以看作是事件模式（Event）的特例，不断发送的数据块好比一个个的事件。读数据是read事件，写数据是write事件，而数据块是事件附带的信息。Node 为这类情况提供了一个特殊接口Stream。 一、概述 “数据流”（stream）是处理系统缓存的一种方式。操作系统采用数据块（chunk
阅读全文
摘要：Node.js文件系统 (fs模块的使用) Node实现文件I/O使用标准的POSIX函数的简单包装。Node文件系统(FS--FileSystem)模块可以使用以下语法输入： var fs = require("fs") 一、同步和异步 所有文件系统操作都具有同步和异步形式。供开发者选择 异步的形
阅读全文
