程序员大卫

我们有一个较老的全球化项目，前端框架使用的是 Vue 2 + Element UI (v1.4.13)。在加拿大等北美地区测试时，发现一个非常诡异的问题： 当选择日期为 2...

公司有一个较老的项目，使用的是 Vue2 搭配 Element UI(1.4.13)。 在这个版本中，Form 表单的校验方法不会返回 Promise，因此需要自己封装。 ...

前言 如果你是一名纯前端开发，很少或者根本没有写过nodejs，那么从编写vite插件入门nodejs，会带给你很丝滑的体验。 这篇文章将从我个人的经验总结出编写vite插...

背景 有时候我们希望一个复选框 (checkbox) 始终保持勾选状态，即使用户点击也不会被取消。 在真实业务中，当然可以通过 :disabled 属性直接禁用实现，但这并...

在使用 input 输入框时，如果正在通过中文输入法打字，会出现一个问题：输入还未完成（比如拼音还没选字、还没按下回车）时，input 事件就已经触发了。 这会导致我们在还...

虚拟滚动 常用场景 table表格 （在列比较多，还有产品需求就是不想要分页！！！） select下拉菜单数据较多场景 list 像博客等平台展示信息列表如果用户一直往下加...

我们都知道，现代浏览器会并行下载各种资源（如 JS、CSS、图片等），但 JS 和 CSS 的加载与阻塞行为到底是什么？本文将通过实际案例、实验、配图，一次性讲清楚这些常见...

JavaScript 的事件循环（Event Loop）机制决定了浏览器如何处理用户操作、异步任务和 UI 更新。很多页面“卡顿”、事件响应延迟等问题，其实都与事件循环和主...

背景 在半年前的某一天，一个运行一年的项目被人提了建议，希望有一个tabs页面，因为他需要多个页面找东西。 我：滚，自己开浏览器标签页（此处吹牛逼） 项目经理：我审核的时候...

对于一些基于 SPA 构建的 ToC 网站，或者嵌入 App 的 Hybrid H5 页面，在项目发布上线后，我们希望能够自动检测是否有新版上线并及时提示用户刷新页面，避免...

在react中如何构思并实现一个具有全局状态缓存的通用能力组件，并提供了与目前社区流行的各种框架之间的结合使用的实例...

React KeepAlive 实现，不依赖第三方库，支持React18，大家好！打工人打工魂，我是阿祎，是一个前端开发经验3年+的菜菜子打工人👷🏻‍♂️，略微懂些后端...

本文从 Build Systems 理论出发，深入分析了 webpack、Rspack 、Vite、Turbopack 等前端打包工具的底层设计。...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

在某些业务场景下，我们需要监听 localStorage 的变更，并在当前页面的多个组件之间进行同步更新，同时还能支持多个浏览器标签页之间的数据同步。 举个例子：在 Hyb...