范欢喜

开发体验 SourceMap 默认情况下，浏览器的js报错只能定位到打包后的js文件，无法定位到源代码。 配置sourcemap后，可以直接定位到源代码 开发模式：打包编译...

为什么需要打包工具？ 代码编译：React/Vue框架、ES6模块化语法、Less/Sass等css预处理器 代码压缩：减小包大小 兼容性处理：ES5兼容，浏览器兼容等 提...

useState set操作并非立即生效，而是保存在队列中，在下次render时依次调用。state更改后，会触发组件的重新刷新。 大部分场景下set中传入值和函数是无区别...

项目配置 next.js tailwind.js Next.js Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 Ty...

dfs(i)→dfs(i+1) 当前操作是什么？当前操作使从子问题i转化成i+1 子问题：>=i 下一个子问题 >= i+1 与回溯三问不同的是，这里的dfs(i)表示i的...

回溯三问 $dfs(i) \rightarrow dfs(i+1)$ 当前操作是什么？当前操作使从子问题i转化成i+1 子问题：>=i 下一个子问题 >= i+1 一个示例...

二分法基础 技巧1： 找到二分时mid的对比值 技巧2： 闭区间和开区间转换（部分题目开区间更好写） low bound 给你一个按照非递减顺序排列的整数数组 nums，和...

反转链表 给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。 迭代法： 需要一个变量保存cur后的节点，因为中间会修改cur.next的指向 循环结束时，p...

相向双指针 左右两个指针，根据当前状态移动指针 盛最多水的容器 给定一个长度为 n 的整数数组 height 。有 n 条垂线，第 i 条线的两个端点是 (i, 0) 和 ...

矩形：R 圆形：O 直线：L 钢笔工具：v 可以用来画折线箭头 文字：t 画板： a sketch时导出时以画板为维度，所有内容需要画在画板中 进入编辑：enter 缩放：...

滑动窗口 在解决连续数组类问题时，滑动窗口是一个很好的解法，下面以一个例子进行说明 长度最小的子数组 给定一个含有 n 个正整数的数组和一个正整数 target. 找出该数...

两数之和 暴力解法 时间复杂度：每个元素需要遍历n-1个元素，共有n个元素，复杂度为$O(n^2)$ 空间复杂度：$O(1)$ 优化解法 时间复杂度：对于数组的遍历，$O(...

type与interface的区别 type可以表示任意类型，interface只能表示对象类型 interface支持通过extends继承其他的接口和类，但type不行...

package.json 为什么需要package.json？npm官网给出的解答为： 列出项目中依赖的包 语义化的方式指明项目中可以使用的包版本 使构建可重复化，便于分享...

二叉树节点的一般定义 二叉树的遍历：以某种方式访问二叉树的全部节点 二叉搜索树：任意节点的值大于所有左子节点的值，且要小于所有右子节点的值。其中序遍历的结果是有序的 二叉搜...

LFU: Least Frequency Used, 最少最不经常使用算法，是一种缓存淘汰算法，如手机后台软件的运行。...

LRU: Last Recently Used, 最少最近使用算法，是一种缓存淘汰算法，如手机后台软件的运行。...

前端工程师的电脑配置，包含常用的软件、命令行工具、chrome插件、vscode配置等，便于后续快速查找...