Rubin93

简写一个订阅发布# 1.`commonjs` 和 `es module` 的相同点和不同点 - **相同** 1. 都支持模块化，每个模块拥有自己的作用域，避免大量变量和函...

TS & JS 区别？ ts 是 js 的超集 特性 类型批注 编译时类型检查 类型推断 类型擦除 泛型编程 type 1. 原始类型的别名 2. 对象类型的别名 3. 联...

一、关键指标 1. FCP (First Contentful Paint) - 首次内容绘制 定义：从页面开始加载到页面主要内容（如文本、图片、非空白 canvas 等）...

一、CSS Modules 📌 是什么？ CSS Modules 是一种 CSS 文件模块化方案，它通过 局部作用域（local scope） 的方式来避免 CSS 类名...

1. 静态站点生成（SSG, Static Site Generation） 定义：在构建时生成HTML文件，然后将这些文件部署到服务器上。每个请求都返回相同的预渲染页面。...

1. ECMA语法词汇概念解释 1. 执行上下文（Execution Context） 定义：JavaScript代码执行的环境，每个函数调用都会创建一个新的执行上下文。 ...

1. 原型（Prototype） 每个对象在 JavaScript 中都有一个内部属性 [[Prototype]]，它指向另一个对象，这个对象就是它的 原型（Prototy...

流程概述 1. URL 在浏览器地址栏内输入url地址 2. DNS Domain Name System 域名解析系统，DNS解析就是域名解析。 2.1 查找缓存 cac...

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

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

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

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

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

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

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

全局安装 yarn global express-generrator 创建项目 express --view=ejs [项目名称] 安装依赖 cd / [项目名称]文件夹...

创建项目 进入你想创建项目的目录，运行 yarn create vite 然后根据提示输入项目名，然后依次选择 react、react-ts 即可创建一个 React+TS...

闲着没事想写个项目，顺便把搭建前端开发规范工作流的过程记录下，其实现在这些工具已经越来越方便了，以前配各种错误，现在新项目十分钟真的轻松搞定（网速不拉跨的情况下）。...