前端
爱上布洛格的鸭鸭
这个作者很懒,什么都没留下…
展开
-
mac-右键-用VSCode打开
1.点击访达,搜索自动操作。3.执行shell脚本。原创 2023-08-10 21:04:48 · 1266 阅读 · 0 评论 -
react实现markdown
react能使用的markdown文本编辑器插件太少了,还不好用= =,想着自己实现一个,一边学习一边开发。原创 2023-07-28 19:32:46 · 2702 阅读 · 0 评论 -
monorepo
这个命令会分析每个包的依赖关系,安装它们所需的所有 npm 包,并将它们链接在一起,以便在 Monorepo 中共享代码。因此,lerna bootstrap 命令通常会自动运行 lerna link 命令,以确保每个包之间的链接已经建立,同时还会自动处理交叉依赖项的问题,lerna bootstrap 命令是更全面的 Monorepo 管理命令。lerna bootstrap 命令会自动安装每个包的依赖项,并将它们链接在一起,以便在 Monorepo 中共享代码。原创 2023-04-22 21:59:10 · 736 阅读 · 1 评论 -
html2canvas 截图
点击截图按钮,截取box元素,并展示。原创 2023-04-21 23:43:55 · 395 阅读 · 0 评论 -
frame 监听按键事件
当按下相关按键时,控制台会输出对应信息。原创 2023-04-20 22:28:24 · 1114 阅读 · 0 评论 -
分页表格 轮询
【代码】分页表格 轮询。原创 2023-04-19 23:50:58 · 194 阅读 · 0 评论 -
复制 二维码
onCopy:复制成功的回调函数。text: 需要复制的内容。原创 2023-04-18 22:43:21 · 331 阅读 · 0 评论 -
npm link 本地包调试
参考:https://juejin.cn/post/6987716839639875591。原创 2023-04-17 23:40:01 · 558 阅读 · 0 评论 -
拖拽 参考线
拖拽线设置为局对定位,容器为相对定位。2.鼠标按下时状态标记为正在拖拽。4.结束拖拽时状态标记为非拖拽。3.拖拽时改变辅助线的位置。1.记录当前是否被拖拽。原创 2023-04-16 21:45:09 · 180 阅读 · 0 评论 -
canvas 刻度尺
参考链接:https://codepen.io/luren/pen/yEagYO。原创 2023-04-15 21:52:48 · 1002 阅读 · 0 评论 -
监听DOM元素高度变化
参考链接:https://legacy.reactjs.org/docs/hooks-faq.html#how-can-i-measure-a-dom-node。时获取到该节点的实际高度,但是如果这个节点的高度动态改变,则不能实时监听到该节点的高度。需要根据某个DOM元素的高度,控制另一个DOM元素的显隐。通过回调形式的ref能在。点击增加时,并不能监听到该节点高度的变化,不会显示“高度超过30px”这句话。点击增加时会监听到DOM高度的变化,从而显示“高度超过30px”这句话。原创 2023-04-14 22:09:25 · 949 阅读 · 0 评论 -
跨域 iframe 通信(页面引入跨域iframe)
如果使用的是不跨域的iframe,可以直接获取iframe中的DOM元素,不需要使用postMessage通信。需要修改iframe工程中的代码,并且postMessage不能传递iframe中的dom对象。当iframe传递Dom对象时,会出现报错:“DataCloneError:无法克隆对象。如果想要获取跨域iframe中的元素,由于浏览器的同源策略,直接获取是不允许的,形式如下。// 由于iframe和这个页面不同域,获取不到该元素,并且会报错。原创 2023-04-13 22:39:57 · 1487 阅读 · 0 评论 -
height:auto 时 transition动画失效
必须设置height为一个具体值时transition动画才会生效,但是ul-wrapper中的数据需要动态渲染,并不知道展开后的准确高度!通过套一个父盒子,并在父盒子上设置max-height来实现transition动画,展开后的高度通过js动态获取。点击收起时ul-wrapper高度设置为100px,展开时高度设置为auto,同时设置展开,收起的动画transition: all 3s;此时,由于ul-wrapper-parent展开,收起时的max-height都是具体值,展开动画生效。原创 2023-04-12 22:05:23 · 801 阅读 · 1 评论 -
阻止 antd Popover弹框 点击事件冒泡
设置e.stopPropagation();阻止点击事件冒泡,此时点击p标签时只会触发p标签上的点击事件,不会触发wrapper容器的点击事件。这是由于Popover边缘区域存在padding,通过样式清除Popover自带的padding。点击p标签时不仅会触发p标签上的点击事件,还会触发wrapper容器的点击事件。如果需要padding,可以在content上自己设置需要的padding。但是,点击Popover边缘区域仍会触发wrapper容器的点击事件。原创 2023-04-11 22:22:16 · 2480 阅读 · 0 评论