豆子前端

[Typescropt]无重复字符的最长子串 无重复字符的最长子串 思路 这道题目是寻找一个字符串s中最长不含重复字符的子串的长度。这是一种典型的滑动窗口问题，可以通过使用...

[React]如何提高大数据量场景下的Table性能？ 两个方向：虚拟列表，发布订阅 虚拟列表 虚拟列表实际上只对可视区域的数据项进行渲染 可视区域（visibleHeig...

webpack5学习笔记 工作原理 Webpack 实现文件打包的过程是一个复杂而精细的流程，涉及多个步骤和概念。__webpack_require__ 是 Webpack...

[React]利用Webcomponent封装React组件 为什么这么做 我个人认为，最重要的点是可以很方便地跨框架挂载和卸载wc元素（至少我在项目里是这么玩的），此外，...

基于yalc的本地组件库联调 背景 一些独立逻辑的组件库我们会采用独立Npm库的管理方式，如果不基于Monorepo的话，联调起来会非常费劲。每次修改代码都不能实时验证在应...

[Css-in-js]wyw-in-js的使用 简介 官方文档：https://wyw-in-js.dev/ wyw-in-js 是“Whatever-you-want-i...

[TypeScript]手撸LRU 流程图 思路 LRU是一种常见的缓存淘汰策略，它淘汰最长时间未被使用的元素。下面是代码实现的详细思路： 双向链表节点（DoubleLin...

[TypeScript]手撸LFU 最近做笔试的时候遇到了要手撸LFU的题目，LFU在vue源码里还是有使用的，例如keep-alive的实现机制就是基于它来搞的。不多说了...

[Vite]vite-plugin-react和vite-plugin-react-swc插件原理了解 共同的作用 JSX 支持：插件为 React 应用程序中的 JSX ...

[Vite]Vite插件生命周期了解 Chunk和Bundle的概念 Chunk： 在 Vite 中，chunk 通常指的是应用程序中的一个代码片段，它是通过 Rollup...

[Vite]Vite-legacy插件原理了解 兼容低版本浏览器用它就对了 作用 检测旧浏览器：插件需要能够检测到用户的浏览器是否需要转换代码。这通常是通过用户代理字符串来...

微前端原理了解 大致方案 Nginx路由转发 iframe嵌套 Web Components 组合式应用路由分发 实际项目中，一般是Nginx路由转发搭配某个微前端框架实现...

这个调度器的工作方式是，它会持续检查任务队列，并且每次最多启动两个任务。当一个任务完成（无论是成功还是失败）时，它会立即尝试启动下一个任务，直到队列中没有任务或者达到最大并...

田忌赛马 这道题遇到太多次了，受不了了，记录一下。给定两个只包含数字的数组a，b，调整数组 a 里面的数字的顺序，使得尽可能多的a[i] > b[i]。...

利用浏览器DevTools中对React项目进行内存泄露排查 场景：用户在某个页面操作时，在监控平台收集到的数据表现为内存占用有逐步提高的趋势，最先想到的是 DOM 元素卸...

[大屏适配]根据屏幕尺寸获取伸缩比例 用于检查浏览器窗口的宽度，并根据宽度调整页面的缩放级别，以适应不同的屏幕分辨率。具体来说，代码分为以下几个部分： getLayoutW...

多版本pnpm共存 Corepack是一个实验性的工具，可以帮助管理包管理器的版本。 在不同项目中开发时，发现各个项目的pnpm版本不一样，导致每次pnpm i都会使loc...

Bash脚本：删除根目录内的所有node_modules文件夹 常用脚本.................致力于开发提效...

简要回顾一下，温故而知新 this指向和Call、Bind、Apply 调用方式 示例 函数中的this指向 通过new调用 new method() 新对象 直接调用 M...