Hdudw-优快云博客

转载 ts必备基础知识总结

语法篇一、基本类型数据类型关键字/描述用法数字类型 number let decLiteral: number = 6 布尔类型 boolean let flag: boolean = true; 字符串类型 string let name: string = “Runoob” 数组类型 array // 在元素类型后面加上[]let arr: number[] = [1, 2];// 使用数组泛型 let arr: Array = [1, 2]; 元组固定元素数

2021-12-12 14:00:18 2741

转载尚硅谷vue基础知识笔记

笔记脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: g

2021-12-10 19:39:16 333

转载 TypeScript 入门基础知识

1 TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 1.1 TypeScript 与 JavaScript 的区别 TypeScript JavaScript JavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。可以在编译期间发现并纠正错误作为一种解释型语言，只能在运行时发现错误强类型，支持静

2021-12-08 15:01:18 670

转载 react生命周期及hooks

生命周期(新旧对比) 旧版生命周期旧版生命周期指的是 React 16.3 及其之前的版本。新版生命周期 static getDerivedStateFromProps static getDerivedStateFromProps(nextProps,prevState)：接收父组件传递过来的 props 和组件之前的状态，返回一个对象来更新 state 或者返回 null 来表示接收到的 props 没有变化，不需要更新 state. 该生命周期钩子的作用：将父组件传递过来的 pro

2021-11-29 20:43:16 1893

转载 react 入门必知必会知识点

组件通信 props 适用于父子组件通信父组件->子组件父组件将需要传递的参数通过key={xxx}方式传递至子组件，子组件通过this.props.key获取参数 import React from 'react' import Son from './son' class Father extends React.Component { constructor(props) { super(props) } state = { info: '父组件', }

2021-11-29 19:09:07 381 1

转载 vue必会知识点

一、vue的使用 1、vue-cli vue 项目是基于vue-cli 脚手架搭建的项目。当我们要创建一个项目时，首先要先全局安装vue-cli脚手架，命令行为： npm i -g @vue/cli 在搭建完成项目以后，我们需要来了解 src 目录下各个文件夹和文件的用法。 ├── assets 放置静态资源 ├── components 放组件 ├── router 定义路由的相关配置 ├── views 视图 ├── views 视图 ├── app.vue 应用主组件 ├── main.js 入口文

2021-11-22 15:24:07 429

转载 JS高级知识点

1. undeclared 与 undefined 的区别 undefined：声明了变量，但是没有赋值 undeclared：没有声明变量就直接使用 var a; //undefined b; // b is not defined 2. let & const与 var 的区别 var存在变量提升，可重复声明同一变量，声明的变量均可改 let没有变量提升，不可重复声明同一变量，声明的变量均可改 const没有变量提升，不可重复声明同一变量，声明的基本数据类型不可改，引用类型可改属性，不可

2021-11-16 15:04:58 95

翻译 JS单行代码技巧

JS技巧 JS单行代码技巧 1 获取浏览器的Cookie值通过使用document.cookie访问来检索cookie的值 const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ha'); // Result: "H1.2.1929.160" 2 将RGB转换为十六进制 const rgbToHex = (r, g, b) => "#" + (

2021-10-26 15:07:45 235

Howhanh的博客