前端

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

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

webpack5学习笔记 工作原理 Webpack 实现文件打包的过程是一个复杂而精细的流程，涉及多个步骤和概念。__webpack_require__ 是 Webpack 运行时的一部分，确实在模块

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

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

[Css-in-js]wyw-in-js的使用 简介 官方文档：https://wyw-in-js.dev/ wyw-in-js 是“Whatever-you-want-in-JS”的缩写，是世界上第

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

[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路由转发搭配某个微前端框架实现，而微前端框架又是由上面几种

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

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

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

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

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

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

使用场景 点击按钮时（或者其他触发时机），异步加载你的Modal组件，可以实现将Modal组件逻辑与主页面逻辑分开维护。

基于Pnpm + Turborepo + QianKun的微前端+Monorepo实践 提供了入门步骤和模板代码，仅供参考