🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 目标效果 源码地址 拖拽&区域拖拽 虽

背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常我们会对一个元素的 左、中、

然而这些操作造成的“内存泄漏”究竟是什么样子的？如何排查？虽然很好奇，却不得而知。直到这次公司应用频繁出现浏览器崩溃的情况，我受命解决这个问题，才开始研究内存泄漏的排查方法，及排查工具。 我司的应用在客户现场反馈过来的问题是：在某几台固定的电脑上频繁出现浏览器崩溃的情况。我问现…

谈到了闭包，这让我想起了不久前刷知乎看到一篇文章。自己整理如下： 如果不要考虑全局中的 console.log(i) 输出的5，而是循环中输出的 0,1,2,3,4。你还可以使用 ES6 的 let 块级作用域语法, 实现超级简单: 上面是过了一秒钟后，依次输出 0,1,2,3…

x 必需。必须是一个数值 Number x 的绝对值。如果 x 不是数字返回 NaN,如果 x 为 null 返回 0 acos() 方法可返回一个数的反余弦。返回的值是 0 到 PI 之间的弧度值 x 必需。必须是 -1.0 ~ 1.0 之间的数 Number x 的反余弦值…

此文是对js高级程序设计一书难点的总结，也是笔者在看了3遍之后的一些梳理和感想，希望能借此巩固js的基础和对一些核心概念有更深入的了解。 一. Number类型关键点讲解 浮点数值的最高精度是17位小数，但在进行算术计算时精度远远不如整数。例如 ECMAScript能够表示的最…

$ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 \n' 或 \r。要匹配 $ 字符本身，请使用 \$ ( ) 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符，请使用 \(, \) * 匹配前…

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的java…

localStorage: localStorage 的生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失 sessionStorage: sessionStorage 的生命周…