在浏览器主线程中，耗时超过 50ms 的操作会被标记为长任务，这类任务会阻塞渲染与交互，引发卡顿、掉帧、响应延迟等问题。利用 Chrome DevTools 的 Performance 面板，可以通过黄色标记快速识别长任务，并在调用栈中分析具体耗时来源，包括脚本执行、样式计算、布局、绘制以及第三方脚本等。长任务的典型来源包括大量同步 JavaScript、频繁 DOM 更新、强制同步布局、框架渲染

需要一个 useListTemplate.ts 文件，用来定义模版方法注意在 vue3 中，抽离出来的可供多个组件调用的 hooks 函数，命名要以 use 开头，类似 react 中// 在 vue3 中建议组合式 API 的命名以 use 开始// 使用 reactive(仅支持数组和对象) 使用的时候不用加 .value// 解构时必须用 toRefs 保持响应性// 重新赋值：不可直接替换

关于 vue 的原理主要有两个重要内容，分别是 mvvm 数据双向绑定原理，和 响应式原理ler（控制器）：负责处理用户的输入和操作，当用户与页面产生交互的时候开始工作，然后调用model 层修改model观察者模式1) 实现 view 和 model 同步更新，(2) 实现 view 和 model 的解藕更新自动化了。

问题原因解决办法无效被覆盖改成no-drag点击事件没反应被 drag 区吞掉同上hover 样式失效drag 区不响应交互事件同上会让区域变成“窗口拖拽层”，不再响应任何鼠标交互；想恢复交互，就加。

前端的多拽功能详解，拖拽上传图片、文件；拖拽调整分屏宽度；拖拽移动按钮；拖拽排序；拖拽将文件移动到文件夹；处理各种拖砖场景；鼠标事件和drag事件的实际应用

低代码平台是一种软件开发工具，旨在帮助开发者快速构建应用程序而无需编写大量的传统代码。它们通常提供了可视化的用户界面，通过拖放、配置和组合预先构建的组件或模块，使开发者能够以更快的速度开发应用程序。低代码平台可以帮助企业加速应用程序的开发周期，降低开发成本，并且使非技术人员也能参与到应用程序的开发过程中，从而推动了数字化转型和创新。

a标签的mailto功能，唤起本地邮箱，发送邮件

【我不熟悉的javascript】获取浏览器的系统语言

【我不熟悉的javascript】字符串正则表达式的使用match和matchAll方法

判断两个区间（用数字数组表示）是否有交集