摘要： 1.react fiber 2.http1.1、http2、http3 3.https和http的区别，http是怎么加密的 4.OSI 七层网络模型 5.tcp和udp区别 6.三次握手 7.webpack打包流程 8.babel原理 9.tree shaking原理 10.输入一个url到页面显 阅读全文

摘要： 背景 之前开发了一个中后台页面，大概得功能是展示一些配置的单品，点击添加按钮弹出弹窗，弹窗内的功能是可以下拉框选择品的类型，下边有一些图片素材介绍等东西的上传等等功能。有一天突然收到一个前线反馈说，window电脑上只要打开弹窗点击下拉框，就会白屏，他们使用最新的谷歌版本或者老的谷歌版本都会浮现这个 阅读全文

摘要： 数据埋点 数据采集领域的术语，指的是针对用户行为或特定事件进行捕获、处理和发送的相关技术及其实施过程，是对特定事件或者用户行为的数据监控和数据上传。 数据类型 我们从三个维度出发去监控一个项目，即系统所面向的某一个主体，系统单个局部面向使用不同使用主体的差异的情况监控，系统面向运行过程的总体统筹监控 阅读全文

摘要： 准备工作：React源码调试环境搭建 1.TDD模式介绍〔基于vite知Vitest来做测试驱动开发) 2.JSX与同步模式 3.Fiber与并发模式（基于requestldleCallback的实现） 4.函数式组件 5.useState 和 useReducer 6.Reconciler协调器( 阅读全文

摘要： 前言 一. 性能指标介绍 1.1 单一指标介绍 1.2 指标计算 Redirect(重定向耗时) AppCache(应用程序缓存的DNS解析) DNS(DNS解析耗时) TCP(TCP连接耗时) TTFB(请求响应耗时) Trans(内容传输耗时) DOM(DOM解析耗时) 1.3 FP(first 阅读全文

摘要： 异常分类 页面js报错 ajax请求异常 页面资源加载异常（如：如图片或脚本） promise异常 iframe加载异常 页面崩溃和卡顿异常 常见的try catch 不能捕获异步的错误。比如这个setTimeout内部的错误捕获不到 try-catch 是用来在可预见情况下监控特定的错误 try 阅读全文

摘要： 两者区别： createRef 每次渲染都会返回一个新的引用，而useRef 每次都会返回相同的引用。 useRef 一般用于函数组件 useRef 不仅仅是用来管理 DOM ref 的，它还相当于 this , 可以存放任何变量. 当 useRef 的内容发生变化时,它不会通知您。 更改.curr 阅读全文

摘要： Decorator 装饰器 前言 大家在前端开发过程中有遇到过 @ + 方法名 这种写法吗？当我第一次看到的时候，直接懵了，这是什么东东…… 遇到困难解决困难，在我的一番查找后，我知道了，原来这东西叫装饰器，英文名叫 Decorator，那它到底是干什么的呢？接下来就让我跟大家说道说道～ 什么是装饰 阅读全文

摘要： HTTPS 协议的安全依赖于它的证书机制，如果攻击者申请到了一张和你的网站一摸一样的证书，那你网站的安全机制也就不复存在了。本文来聊一聊，如何预防 HTTPS 证书伪造。 证书劫持 如果想部署 HTTPS 网站，首先向 CA 机构申请一张证书， CA 机构在审核申请者的身份后，会签发一张证书，证书中 阅读全文

摘要： 阅读全文