Rubin93

在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的 移动端1px像素问题。 一、为什么会有1px问题

从浏览器接收到url到开启网络请求线程（这一部分涉及浏览器的机制以及进程与线程之间的关系） 从开启网络线程到发出一个完整的http请求（这一部分涉及到dns查询，tcp/ip请求，五层因特网协议栈等

判断元素在可视区域的方法有三种： offsetTop, scrollTop getBoundingClientRect IntersectionObserver 一、offsetTop + scrol

// 埋点信息分析 1. 埋点标识 eventId：事件唯一标识，如：【立即购买】标识为'click/detail/buy' eventType：click点击事件、event访问事件 2. 埋点上报

浏览器在“一帧”（frame）中所做的工作，是指在一个渲染周期（通常为 16.7ms，对应 60fps 的刷新率）内完成的一系列任务，以确保页面流畅地显示和响应用户交互。这个过程是浏览器实现高性能动画

JavaScript 主线程任务执行顺序表 JavaScript 主线程一帧的完整任务流程 浏览器在每帧（frame）中执行的任务可以分为以下几个阶段： [同步 JS 执行] → [执行所有微任务]

1. 虚拟dom Virtual Dom 是指用javascript去描述一个DOM结构，虚拟DOM不是直接去操作浏览器DOM，而是在虚拟DOM中对UI进行更新，减少不必要的真实DOM操作。 优点 性

1. useEffect 浏览器重新绘制之后触发 参数(setup,dependencies?) 异步执行 挂载组件时执行setup，依赖更新时先执行cleanup，再执行setup 2. useLa

前言 一、配置 husky husky，Git Hook 工具，可以设置在 git 各个阶段触发我们的命令。 ①、安装依赖 husky-init 是使用 husky 快速初始化项目的一次性命令。 ②、