Sitaigu的博客

egg图集

TypeScript 介绍TS是添加了类型系统的 JavaScript，适用于任何规模的项目的一面语言**定义：**Ts是静态类型、弱类型的语言**特性：**类型系统、适用于任何规模、可以编译为Js、与先进的Es语法同步作用： 更严格的语法，解决了Js代码灵活性大而造成的安全问题类型定义接口的作用就是为类型进行声明和为代码定义约束type(类型别名)type可以声明基本类型别名，联合类型，元组等类型// 语法：type 别名=类型;interface(接口)interfac

Node.js特点异步事件驱动非堵塞I/O单线程（这里指主线程）性能出众基本语法​ 应用程序 参数1 参数2…NVM命令$ nvm ls #查看当前计算器安装过的nodejs列表$ nvm install 版本号 #根据给定版本安装版本号$ nvm use 版本号 #使用指定版本号的nodejs$ nvm uninstall 版本号 #卸载已经安装过的版本REPL测试环境用于简易测试 Read Eval Print Loop 可以在终端直接

React-beautiful-dnd 实例demosrc/routes/IndexPage.jsimport React, { Component } from "react";// import '@atlaskit/css-reset'import { DragDropContext } from "react-beautiful-dnd";import styled from "styled-components";import initialData from "../compon

React-beautiful-dnd 拖曳组件是一个支持react的第三方的拖曳组件DragDropContext 拖曳根容器用于包裹draggable和droppable的容器组件拖曳的生命周期钩子函数都在该容器组件上onBeforeCapture 拖动目标捕获之前onBeforeDragStart 拖动开始之前事件onDragStart 拖动开始事件onDragUpdate 拖动中事件onDragEnd 拖动结束事件注意：必须要onDragEnd 事件，不能自己嵌

Typescript为什么我们要学习它？js安全度低，但是ts可以弥补,我们才可以去做大型项目vue2.x jsvue3.x vue + tsreactreact + ts如何来启动我们的笔记安装插件： cnpm i http-server -g找到对应的目录 资源启动项目： http-server将连接复制到浏览器打开既可以ts是什么的解释ts具有类型系统，是js的超集js也是有数据类型基本数据类型： number/strin

知识点react状态管理 — SSSSSSSSSSSSSSSSSSSSSredux根据异步数据请求redux redux-thunkredux redux-sagamobxredux为什么要使用redux?因为react只是DOM的抽象层，它没有涉及到两个方面 ，不是一个完整的web应用解决方案代码结构组件之间的通信redux出现的时间2015年它是2013年出现的flux的升级版redux将flux和函数式编程结合在一起了

React组件通信父子组件通信原理： 数据 —> 父组件 —> 通过props —> 子组件数据在父组件中，通过在调用的子组件上绑定数据,子组件的props中就会传入该数据，并提供this.props.xxx使用数据方式一：直接绑定单个数据// 父组件<childre 数据名={this.state.数据名} />// 子组件const {数据名}=this.props方式二：绑定整个父组件的state状态(使用展开运算符)// 父

React HookHook 是 React 16.8 的新增一系列封装函数，它可以让函数组件中可以使用state，跨组件通信，生命周期等React的特性Hook的意义在于：将函数组件中的业务逻辑抽离出来，保证组件UI的纯净化内置Hook (10个)1.useState定义和修改state [修改state的方法得到的一定是新值]基本语法：//定义state和修改state的方法const [name,setName]=useState<数据类型>(数据默认值)//

Antd组件库简介Ant Design 是蚂蚁金服提供的 React UI 组件库，主要用于研发企业级中后台产品。Antd组件库在PC端React项目中为主流pcd端 ： antdapp端 ：antd-mobile官方文档：https://ant.design/docs/react/use-in-typescript-cn快速构建使用 create-react-app 创建一个 使用TypeScript和Less的项目，并引入 antd1. 新构建一个项目(Ts a

React 生命周期版本区别React 15 三个阶段​ 初始化阶段​ 更新阶段​ 卸载阶段React 16 四个阶段​ 初始化阶段​ 更新阶段​ 卸载阶段​ 错误处理阶段React 17 四个阶段​ 初始化阶段​ 更新阶段​ 卸载阶段​ 错误处理阶段React 17生命周期初始化阶段constructor可以做哪些事情？ 1. 肯定可以拿到绑定在当前组件身上的属性 2. 可以定义state this.state = {}

React-Redux知识点redux redux-thunkredux redux-sagamobx简介redux是什么？Redux是js应用的 一种可预测的状态容器(状态管理工具)为什么要使用redux?因为react只是DOM的抽象层，它没有涉及到另外两个方面 ，不是一个完整的web应用解决方案1. 代码结构2. 组件之间的通信redux出现的时间？1. 2015年2. 它是2013年出现的flux的升级版3. redux将flux和函数式

React-Router简介react-router 5.x.x路由应该在一处渲染，后面自己构建路由组件一切皆组件react-router包含了四个包react-routerreact-router-dom 实际使用react-router-native react-native【react移动端开发框架】当中使用的react-router-config 静态路由的配置路由的基本原理hash模式 (hashchange)h

Redux-saga简介使用量较高的一种redux形式使用阿里系的脚手架工具1.dva2.umiSaga与Thunk的区别redux-saga使用率更高redux-thunk将异步数据请求的任何和非异步的任务都放在一起了， 乱锅炖redux-sage只处理异步任务非异步任务还是放给组件做比较合适redux-saga会将异步任务放入到一个 任务池Dva 数据流— redux 之 redux-saga 使用版本关注点models 创

类组件可以使用ES6 的Class语法 来定义组件Component类组件import React,{Component,PureComponent} from 'react';interface Props{};interface State{};export default class App extends Component<Props,State>{ render(){ renturn(<div>我是类组件App</div&

注册登录是怎么实现的1.登陆注册要做成受控组件，组件定义state，和表单绑定 2.redux-saga调用数据请求，发送action修改数据， useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state3.前端根据返回的信息成功跳转登陆页4.登陆发送数据请求，数据库对比用户名密码是否正确, 根据后端返回的结果进入首页5.setCookie将用户登录名密码token存cookie中 通过JWT(Json web token)6.免密登陆 getC

gitGit（读音为/gɪt/）是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 [1] 也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。目前市面使用的版本管理软件 主要分为两类集中式代码管理(svn) 5%分布式代码管理(git) 95%项目(源代码)管理软件 主要管理开发环境下的软件的源码(自己写的代码)官网:https://git-scm.com/git是一个跨平台的版本管理工具(window

第一章 JS基础javascript介绍概述是运行在客户端(浏览器)的一门解释型脚本语言特点1. 无需编译，由JavaScript引擎解释执行2. 弱类型语言3. 基于对象和原型Javascript的组成 ECMAscript js标准语法(版本3，4，5，6，7) Dom 页面文档对象模型 Bom 浏览器对象模型Javascript的基本操作书写方式行内/内嵌/外部注意点: 1、推荐使用单引号 2、引入js的script标签中不能在写代码 3

React HookHook 是 React 16.8 的新增一系列封装函数，它可以让函数组件中可以使用state，跨组件通信，生命周期等React的特性Hook的意义在于：将函数组件中的业务逻辑抽离出来，保证组件UI的纯净化内置Hook (10个)1.useState定义和修改state [修改state的方法得到的一定是新值]基本语法：//定义state和修改state的方法const [name,setName]=useState<数据类型>(数据默认值)//

React-Router简介react-router 5.x.x路由应该在一处渲染，后面自己构建路由组件一切皆组件react-router包含了四个包react-routerreact-router-dom 实际使用react-router-native react-native【react移动端开发框架】当中使用的react-router-config 静态路由的配置路由的基本原理hash模式 (hashchange)h