自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 【无标题】

egg图集

2022-03-13 23:04:46 442

原创 ts入门篇

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

2021-10-08 00:23:36 364

原创 node.js 入门

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

2021-10-08 00:22:54 306

原创 React-beautiful-dnd 拖曳组件

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

2021-10-08 00:21:21 541

原创 React-beautiful-dnd 拖曳组件

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

2021-10-08 00:13:18 1129

原创 Ts的基本知识

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

2021-08-11 23:42:27 633

原创 React的状态管理redux

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

2021-08-11 23:41:13 159

原创 React的组件通信

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

2021-08-11 23:39:27 287

原创 React的Hooks

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

2021-08-11 23:38:13 947

原创 React中Antd的使用

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

2021-08-11 23:37:30 1272

原创 React生命周期

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

2021-08-11 23:36:09 108

原创 Redux

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和函数式

2021-08-11 23:35:14 150

原创 React-Router

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

2021-08-11 23:34:21 128

原创 Redux-saga-DVA

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

2021-08-11 23:33:29 153

原创 类组件和函数组件

类组件可以使用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&

2021-08-11 23:32:12 190

原创 web前端面经

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

2021-07-30 00:06:18 986

原创 Git简单操作

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

2021-07-30 00:04:33 107

原创 JS基础知识

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

2021-07-30 00:03:54 542

原创 React Hook

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

2021-07-30 00:01:58 338

原创 React-Router

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

2021-07-30 00:01:19 141

原创 React组件通信

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

2021-07-29 23:59:41 159

原创 Redux(Redux-thunk)

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和函数式

2021-07-29 23:58:09 2245

原创 Antd组件库的使用

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

2021-07-29 23:56:11 1747

原创 umi框架应用

阿里系提供企业级框架: Umi项目简介后台管理系统 — 中台技术栈umi + react全家桶 + typescript + antd + axios + ahooks …项目目录介绍mock模拟数据node_modules 依赖包src 源代码开发目录.umi 临时文件,不要做改动pages 页面.editorconfig 编辑器的记录文件.gitignore git上传忽略配置文件.prettierignore 忽略格式化配置

2021-07-29 23:46:16 739

原创 Redux-saga及Dva

Redux-saga及DvaRedux-saga简介Saga与Thunk的区别Dva 数据流核心知识快速上手Redux-saga简介使用量较高的一种redux形式使用阿里系的脚手架工具1.dva2.umiSaga与Thunk的区别redux-saga使用率更高redux-thunk将异步数据请求的任何和非异步的任务都放在一起了, 乱锅炖redux-sage只处理异步任务非异步任务还是放给组件做比较合适redux-saga会将异步任务放入到一个 任务池

2021-07-29 23:43:47 352

原创 浅谈JS中的数据类型

JS中的数据类型内存管理机制在JS中内存分为两段,内存栈 和 内存堆内存栈内存栈中存储的都是基本数据类型,且一次只能存储一个基本类型的数据(空间不能改变)内存堆内存堆中存储的都是引用类型的数据实体,一次可以存储多个数据(空间随实体的大小而改变)数据类型JS有两大类数据类型:基本类型 和 引用类型基本类型: Number String Boolean Null Undefined (其中string、number、boolean是基本包装类型)引用类型: Object Arra

2021-04-10 15:31:16 115

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除