好记性不如烂笔头

检查是否安装brew 安装brew---官网homebrew 安装nvm 配置nvm 的环境 nvm安装最新的node 添加SSH密钥到github...

tailwindcss 使用动态样式ssssssssssddddssdsdsdsdsdsdsdsdsdsdsd...

```` const navbar = () => { return ( {/* Home */} Contact ) } export default navbar ``...

浏览器工作流程 浏览器工作流程大致分为以下步骤：DNS 解析 —— HTTP 请求资源 —— 解析 HTML 创建 DOM 树 —— 解析 CSS 创建 CSSOM —— ...

函数柯里化 定义：函数柯里化是一种将一个接受多个参数的函数转化为一系列接受一个参数的函数。 柯里化函数具有以下好处 参数复用 函数组合 延迟执行 数组扁平化 flat()方...

input组件前提了解 受控组件： 顾名思义，当表单元素中的状态由父组件来控制和更新时就可以称为受控组件 非受控组件： 当表单元素中的状态由组件内部自己维护时就可以称之为非...

高阶组件 高阶组件就是一个函数，它接收一个组件作为参数，并返回一个新的组件。 高阶组件的实现方式 高阶组件有两种主要的实现方式：属性代理（Props Proxy）和反向继承...

装饰器分类 装饰器分为四种类型：类装饰器、方法装饰器、属性装饰器、参数装饰器 1、类装饰器 类装饰器应用于类构造函数的函数。接收一个参数，即被修饰的类构造函数，可以在不修改...

两种类型断言语法 尖括号语法 as语法 应用场景 处理联合类型 类型守卫：缩小类型的范围，常用的有typeof、instanceof、in...

TypeScript基本类型一览 数组类型number TypeScript 中所有数字都属于 number 类型，包括整数、浮点数、十六进制、八进制、二进制等 字符串类型...

Type与interface的区别 type是类型别名，声明基本类型、对象类型、联合类型、元素、交集。 interface可以定义一个对象或函数 都允许拓展：interfa...

WebSocket 基于TCP协议的实时通信协议，为前端应用提供双向通信能力。 WebSocket使用场景 聊天应用 股票行情推送 实时协作编辑 多人游戏 实时数据监控 W...

React 渲染更新流程 触发更新 => schedule（调度阶段）=> reconciler（协调阶段）=> render（渲染阶段）=> commit（提交阶段） (...

useEffect使用场景 1、数据获取：组件挂载时获取数据（空依赖数组） 数据获取写法会导致首次渲染闪烁（先渲染undefined，再更新） 2、订阅：在组件中订阅外部数...

context API 概念 Context 主要由三个部分组成：React.createContext 方法、Context.Provider 组件和 Context.C...

说说你对react的了解，从哪些方面可以说起？ 虚拟DOM 状态和属性 生命周期 Fiber架构 Hooks 合成事件 调度 协调 render...

业务基建 业务基建 是指公司某个业务团队层面所维护的 前端基建、后端基建、基本规范文档、产品规则、设计规范、研发流程、测试边界、上线标准以及业务中台 等等的建设。 工程基建...

前端监控SDK的定义 前端监控SDK（Software Development Kit）是一种嵌入到前端应用程序中的工具包，用于实时监控页面性能、捕获异常错误、跟踪用户行为...

影响前端性能的点 网络延迟 资源过大（引入第三方库过大，） 异常（代码运行异常，错误边界） 解决网络延迟 cdn【内容分发】：网站的静态资源（图片、视频、CSS、JS小文件...