Y____X-优快云博客

原创接口，属性的封装，泛型

接口(function () { // 描述一个对象的类型 type myType = { name: string; age: number; [propName: string]: any; }; // type myType = {}；报错 /** * 接口用来定义一个类结构，用来定义一个类中应该包含哪些属性和方法 * 同时接口也可以当成类型声明去使用 * 接口可以重复声明，所有的接口加起来合成一个 */ i

2021-11-23 15:25:43 587

原创 extends继承

继承(function () { //定义一个Animal类 class Animal { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } sayHello() { console.log("动物giaogiaogiao"); } } /**

2021-11-11 15:03:58 882

原创 class类

类基础类// 使用class关键字定义类/** * 对象中主要包含了两个部分 * 属性 * 方法 */class Person { /** * 直接定义的属性是实例属性，需要通过对象的实例去访问 * const person = new Person(); * person.name * * 使用static定义的属性是静态属性（类属性），可以直接通过类访问 * Person.gender * */

2021-11-11 15:02:28 582

原创 webpack打包基本配置

webpack打包基本配置安装webpack及相关基本包yarn add -D webpack webpack-cli typescript// 自动生成html文件yarn add -D html-webpack-plugin// 内置服务器，热更新yarn add -D webpack-dev-server// 每一次编译前清空distyarn add -D clean-webpack-pluginwebpack.config.js// 引入一个包const path =

2021-11-05 17:24:01 520

原创 tsconfig.json 编译常用配置项

编译tsc 文件 -w，文件监视，自动编译；项目根目录创建tsconfig.json文件，执行tsc，可编译项目内的全部ts文件，执行tsc -w，监视所有文件，自动编译；tsconfig.json 常用配置项{ /* tsconfig.json是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译 */ /* "include" 用来指定哪些ts文件需要被编译，**表示任意目录，*表示任意文件表示根目录下的src文件下的任意目录下的任意

2021-11-03 16:20:24 252

原创 TypeScript学习笔记——基本类型

TypeScript学习笔记1、环境搭建1.下载安装Node.js2.npm全局安装typescript3.创建ts文件4.tsc编译or creat-react-appnpx create-react-app typescript-pro --template typescriptcd typescript-pronpm install --save typescript @types/node @types/react @types/react-dom 2、基本类型声明入门

2021-11-02 14:31:05 152

原创 React Hooks 常用钩子

React HooksuseStateconst [count, setCount] = useState(0);// 等价于const _useState = useState(0);const count = _useState[0];const setCount = _useState[1];useEffect// 异步，处理副作用（即不是主逻辑，比如生命周期，接口请求等）useEffect(() => { console.log('不传参相当于componentDi

2021-11-02 14:23:51 426

原创 HTML-04-HTML5

HTML-HTML5HTML5相关介绍HTML5是HTML的第五个版本或第五次修改；HTML5是一个标准；HTML5技术已经包含很多东西，html、css、html5、css3、JS(原生)、vue.js、react.js、小程序HTML4文档声明是基于SGML（标准通用标记语言）规定了在不同系统之间文档结构都是一样的文档类型：strict 严格型Transitional 过渡型Frameset 框架型DTD mobile 移动端（DTD 规定了标记语言阿规则，这样浏览

2020-12-17 17:31:54 287

原创 HTML-03-表单

HTML-表单HTML表单用于收集不同类型的用户输入，允许用户在表单中输入内容，比如：文本、密码、单选框、复选框、按钮、文本域、下拉菜单等等结构<form action="" method="">  ... input标签 ...</form>表单常用提交方式GET：获取数据，即从指定的资源请求数据POST：提交数据，向指定的资源提交要被处

2020-12-16 16:37:17 166

原创 HTML-02-表格

HTML-表格结构<table border="1px" cellspacing="0">  <tr> <th>表头</th>  <td width="100px" height="100px" align="center" valign="

2020-12-15 20:08:36 189

原创 HTML-01-常用标记

HTML超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言，不是编程语言。HTML 运行在浏览器上，由浏览器来解析。文件类型：.html/.htm （两者没有区别）结构：<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <!-- 设置字符集“

2020-12-15 19:05:25 146

Y____X的博客