在数据中台做 BI 工具经常面对海量数据的渲染处理，除了组件本身性能优化之外，经常要排查整体页面性能瓶颈点，尤其是维护一些性能做得并不好的旧代码时。 React 性能调试是面对这种问题的必修课，借助 Profiling React.js Performance 这篇文章一起学习…

LLM 的质量取决于输入的质量。 即使是最好的模型，如果没有正确的上下文，也会举步维艰。 那么如何让 LLM 获取更准确、更优质的上下文呢？Context7 MCP 提供了一个可行的思路。

昨天突发奇想想总结分享一下我做过的项目，因为写过的东西还是比较多的，所以也总结了好久。计算机还是非常有意思的，我也希望能够保持对于技术的好奇心，同样也希望能做出一些有意思的项目来获得一丝成就感。

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

用空闲时间搞了这个插件，可以拦截页面上的 ajax 请求，并把返回结果替换成任意文本。它对 mock数据、排查一些线上问题等会有很大帮助。（当然 chales 等抓包软件也可以做到，然而使用起来比较繁琐，做成 chrome 插件的形式会方便许多） 以下是使用效果，用掘金这个网站…

前端开发攻城狮开开心心的 coding，非常自豪的进行了业务、UI 分离开发，各种设计模式、算法优化轮番上阵，代码写的 Perfect（劳资代码天下第一），没有 BUG，程序完美，兼容性 No.1，代码能打能抗质量高。下班轻松打卡，回家看娃。 实际上，开发环境与生产环境并不能等…

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

熟悉JavaScript的都知道，ES6中新增了两种新的数据结构 Set 和 Map。 这里不介绍这两种数据结构的用法，如果不知道怎么使用这两种数据结构。可以看这里。 俗话说，知其然并知其所以然，我们虽然知道这两种数据结构怎么使用，但我们最好能知道它们是怎么实现的。 所以我们就…