![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
疑难杂症
文章平均质量分 61
闲鱼_JavaScript
得不到的才是最弥足珍贵的
展开
-
antDesignMobile中Switch配合Form使用无效解决方案
`Form`和`Switch`合起来使用无效的原因就是因为`Form.Item`给`Switch`的是`value`值,而`Switch`中监听的是`checked`;所以说我们只需要做一层二次封装即可。非常简单~如下原创 2023-07-27 13:51:41 · 358 阅读 · 0 评论 -
主题切换实现(vue-less)
1. 本文适合黑白切换或者主题样式偏少的(建议:2-10种);主题越多,样式会越多。理论上无限套。2. 本文适合已经写好了一套主题,然后需求增加第二套或者多套主题(最好小于10套,当然也可以更多,但是样式也会更多)3. 本文以 vue + vue-cli2.x + element-ui +vuex举例原创 2023-04-17 14:14:55 · 2513 阅读 · 0 评论 -
Echarts之移动的点位(图标)图(任何图片)
(1)给定一张图片,在这个图片上有小车或其他动态点位需要以固定线路移动。 (2)echarts默认支持```SVG图片格式```或```JSON地图格式```。本文会转译其他图片为svg(目前仅仅简单转译,如果有其他好的方法直接替换就行了),然后支持echarts调用。原创 2023-01-16 14:40:01 · 819 阅读 · 0 评论 -
声纹图-声谱图-js之wavesurfer.js(配置、事件、方法中文版翻译)
声纹图,声谱图之使用 wavesurfer.js插件实现。wavesurfer.js 配置、事件、方法 中文翻译版本。原创 2023-01-03 11:25:50 · 4408 阅读 · 3 评论 -
n向区域选择(图片)
1. 本文以 react 举例,其他框架实现基本上一致(vue则是@mouseMove 、 @click....)2. 实现原理:对图片进行位置区域选中,判断当前鼠标位置是否在这个区域内,如果在区域内则进行可点击鼠标切换(cursor: pointer),如果此时点击则判断出当前点击的位置是哪块区域。3. 具体需求如果有类似的可以看看逻辑,然后也可以在这个基础上更改4. 本文主要作于笔记,方便以后对类似问题处理。原创 2022-12-20 17:43:21 · 105 阅读 · 0 评论 -
移除浏览器左下角的链接
本文有代码实现去除1. 出现原因就是使用了```a```标签2. 去掉a标签的```href```属性后,浏览器左下角链接的hover效果消失3. 个人建议不要使用```a```标签,但是有的组件是使用a标签实现的,建议避免使用,直接以js方法进行跳转即可原创 2022-09-23 11:33:16 · 840 阅读 · 0 评论 -
【疑难杂症】去除浏览器拖拽选中内容产生的地图效果
1. 事情经络:当选中一片内容的时候,然后拖拽这个内容,会发现有这内容的影子被拖着跟着鼠标移动,这其实是浏览器自带的特效功能,可以把你选中的内容快捷拖入文档中.....但是呢在一些特殊的内置浏览器中,这个效果被弄出了白屏拖拽情况。本文译在适配这个bug。2. 功能介绍: (1) 不影响其他正常的选中效果和拖拽效果。 (2)模拟手机端按下、移动、抬起指拇功能,然后在移动的时候禁止触发浏览器默认事件(禁止默认事件则代表着禁止掉拖拽地图bug) (3)在最父级节点做事件监听 鼠标按下、鼠标移动、鼠标抬起原创 2022-10-11 11:59:09 · 324 阅读 · 0 评论