cool__

拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mous...

最近，团队的小伙伴需要实现监听 `localStorage` 数据变化，但在开发中却发现无法直接监听。因此开始思考。。。...

发现一个宝藏 npm 拖拽库，使用方便简单。我们将解析一款轻量级的拖拽库——drag-kit，并展示它如何无缝集成到 Vue 和 React 以及原生的 JavaScrip...

你是不是也遇到了这些路由变化的困扰？在现代单页应用（SPA）中，路由管理是至关重要的一部分，它不仅决定了用户如何在页面间切换，还直接影响到整个应用的性能和用户体验。无论是大...

在现代Web开发中，对页面中的元素进行视觉感知变得日益重要，尤其是在处理动态加载内容、无限滚动、广告跟踪和资源懒加载等功能时。传统的实现方式往往依赖于监听滚动事件，然后计算...

引言： 面试官：“Vue 的 keep-alive 用过吗”，“keep-alive 的源码有看过吗？它的原理是什么？” 当然，Vue 的 keep-alive 是一个非常...

最全的ESlint配置流程，如何集成到Vue、React以及CI/CD？如何配置 IDE VSCode？如何配置`husky` 和 `lint-staged`？...

引言：2024 你还不知道 Vue3 的 defineProps、defineEmits、defineExpose、defineOptions和defineSlots 吗？...

在处理大规模数据集渲染时，前端性能常常面临巨大的挑战。本文将探讨 react-virtualized-list 库如何通过虚拟化技术和 Intersection Obser...

引言：在 JavaScript 的世界里，Proxy 和 Reflect 如同蝙蝠侠与罗宾，总是并肩作战。但你是否想过，为什么每个前端开发者在使用 Proxy 时都应掌握 ...

纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！...

Link 和 @import 是 CSS 中的两种样式表引入方式。在网页设计中，样式表（CSS）是控制网页外观和布局的重要工具。 在引入样式表时，常见的方法包括使用 <li...

在 transform 和 animation 出现之前，前端开发者通常需要编写大量的 JavaScript 代码来实现动态效果。然而，这两个 CSS 属性的引入极大地简化...

最近，一位好久没联系的朋友参加面试时，遇到了这样一道笔试题，引起了我的兴趣。在JavaScript的执行流程中，变量提升是一个经常被忽略的点。它不仅关系到变量的访问权限，还...

最近，公司在面试新的小伙伴时，其中有一道面试题就是关于“HTTP”的，这是一个表面上看似简单但实际上颇具挑战性的问题：“你对 HTTP 协议了解多少？能不能把你知道的都详细...

现在面试也问Web Components话题，尤其是频频出现Shadow DOM，不仅面试常考，也已经应用到了前端框架中，浏览器也开始逐渐兼容，不跟上时代的浪潮，我们是不是...

本文涵盖前端资源管理、性能优化、配置管理、安全性、解耦、一致性、集成化部署及用户体验等关键方面。为前端工程师提供实用的方案和经验，潜在的收益影响多方面。或许当前用不上，但未...