前端加油站⛽️

摘要： 这篇博客主要学习在python中使用各种数据变量和数据。还会简单对比一下js和python。 变量 变量使用的规则 变量名只能包含字母、数字和下划线。变量名不能以数字开头 变量名不能包含空格，但可以使用下划线分隔其中的单词 不能以oython中的关键字和函数名作为变量名 变量名既简短又要有描述性 慎 阅读全文

摘要： 这篇文章主要是分享一下在实际项目中如何做好前端埋点。前端埋点相关的知识点，在面试中也会经常被遇到。这篇将会从技术方案设计到最终实现给出简易版代码。 什么是埋点？为什么项目中需要埋点？ 埋点主要是用来收集用户行为的数据，在项目开发中，我们会在前端代码中插入代码或者脚本的方式实现埋点功能。 埋点的作用主 阅读全文

摘要： 这篇文章的内容主要是在实际前端项目中要如何监控生产环境中前端的BUG。 文章主要从以下几个方面：为什么需要监控、监控的是哪些方面，简易版日志上报系统设计 为什么需要监控线上bug 当用户在使用过程中，上报投诉时BUG时，我们无法得知用户是如何操作的，自己又无法复现。这种情况下，我们需要设计一套监控的 阅读全文

摘要： 这篇博客主要是讲如何在公司内，根据公司内部的业务，使用Node自定义脚手架。 首先要了解的是，在软件工程开发中有这么几个关键的节点： 立项（模版）=》开发调试 =》测试=》构建 =》部署 这篇博客主要针对第一个节点来展开。 脚手架是如何使用的 在日常开发中，我们想要创建一个vue的项目，我们一般是将 阅读全文

摘要： 这篇博客我会从原理、日常项目使用、性能优化三个大方面进行阐述。 响应式原理 vue2的响应式原理大家应该都很熟悉了。 在vue2中，响应式原理的核心是通过ES5保护的对象object.defaineProperty中的访问器属性中的get和set方法，data中声明的属性被添加到了访问器属性，当读取 阅读全文

摘要： 本篇文章主要介绍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可规范 阅读全文