前端加油站⛽️

摘要： 本篇文章主要介绍react-beautiful-dnd，它是基于react的拖拽插件 接下来会从以下几个方面来介绍react-beautiful-dnd 安装使用 API介绍 Example 1. 安装使用 首先我们需要安装react-beautiful-dnd # yarn yarn add re 阅读全文

摘要： 这篇博客主要从以下几个方面来介绍我对Reducer的理解 什么是 Reducer 函数 useState 重构成 useReducer 使用Reducer的业务场景 1. 什么是 Reducer 函数 对于组件过于分散的事件处理程序，可以将组件的所有状态更新整合到一个外部函数中，这个函数被称为 re 阅读全文

摘要： 本篇文章主要是学习classnames的相关理解及使用。 下面列举的是如何在项目中使用 安装方式 npm install classnames 使用方式 引入时可使用require的方式引入，也可以通过import的方式引入 使用方法 import classnames form 'classnam 阅读全文

摘要： 类和修饰符 类class 类class出现的目的就是将一些相关的东西放在一起，方便管理 类中包含两个东西：属性和方法 通过class关键词可以定义一个类 通过new关键词可以方便生产一个类的实例对象，这个实力对象的过程叫实例化 在实例在new出来的时候，它实际是调用了类中的一个方法进行初始化，这个方 阅读全文

摘要： TS中的接口 作用 接口的作用是为这些类型命名和为你的代码或者第三方代码定义契约；和前面讲的抽象类比较相似 定义接口 通过interface关键词来定义接口 🌰 interface User { name:string age:number } 函数interface 函数interface可规范 阅读全文

摘要： 类型断言和类型守卫 类型断言 我们在项目中使用断言的目的是为了保证和检测来自其他地方的数据符合我们的要求。 所谓的断言就是断定、确定、绝对的意思 简单来说，类型断言就是保证数据类型一定是所要求的类型 类型守卫 类型断言需要借助类型守卫函数 类型守卫函数就是用于判断未知数据是不是所需类型 格式：x i 阅读全文

摘要： 特殊类型 any类型 any类型的变量可以赋值任何数据类型 🌰 let a:any = 123 void类型 void 用来表示返回的是空 function fn():void{} enum类型 可以理解为通过enum关键字声明一个特殊的类型,一般用来表示枚举值 🌰 enum Direction 阅读全文

摘要： TS常见基本类型 number 类型 在ts中 number表示数值类型; 注意：与JS一样，数字可以表示为二进制，八进制，十进制和十六进制以及NaN和Infinity let a:number = 10 string 类型 在ts中 string 表示字符串类型的数据 let b:string = 阅读全文

摘要： 数据上报 数据埋点 前端常见的埋点方案：代码埋点、可视化埋点、无痕埋点 代码埋点：开发人员自己开发，可自定义在何处设置埋点 可视化埋点：一般情况会使用第三方的方案，通过配置，对UI通用类的元素进行设置 无痕埋点：一般是通过嵌入SDK，来监控我们的前端页面或者http请求的数据埋点 | - | 代码埋 阅读全文

摘要： 为什么要搭建前端监控系统 通常我们建立搭建前端监控体系，主要是解决两个问题： 如何发现问题 如何快速定位并解决问题 在用户量很大的情况下，我们需要用一个这样一个工具来监控我们的线上系统的正常运行。如果等到用户来反馈到我们的话，真的就完犊子了 前端监控系统主要做什么？ 一般从产品和研发的角度来说，做一 阅读全文