Y____X-优快云博客

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

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

2021-11-23 15:25:43 585

原创 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 879

原创 class类

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

2021-11-11 15:02:28 579

原创 webpack打包基本配置

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

2021-11-05 17:24:01 515

原创 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 247

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

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

2021-11-02 14:31:05 150

原创 React Hooks 常用钩子

React Hooks useState const [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 414

原创 HTML-04-HTML5

HTML-HTML5 HTML5相关介绍 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 282

原创 HTML-03-表单

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

2020-12-16 16:37:17 160

原创 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 186

原创 HTML-01-常用标记

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

2020-12-15 19:05:25 144

Y____X的博客