js
eele_one
卓越
展开
-
js实现使用drag实现元素拖拽排序
思路:1.获取到拖拽目标和被替换的目标索引值。2.数组截取2个索引值之间的数组 dealArr ,数组第一部分resetArr1 ,第二部分resetArr2。3.比较拖拽元素的索引值和被替换元素的索引值,根据值的大小对dealArr重新排序4.将resetArr1、 dealArr、resetArr2重新合并即为排序后的数组下面是代码实例,<!DOCTYPE ...原创 2020-03-19 13:52:21 · 1656 阅读 · 0 评论 -
js处理小数位加减精度丢失问题
转为整数然后除倍率 (x*10-y)/10原创 2019-10-12 18:54:50 · 583 阅读 · 0 评论 -
js实现图片拖拽中出现延迟效果的问题
描述:使用js实现图片拖拽时,图片拖动会出现拖拽不流畅的效果原因:浏览器会给和图片一个默认行为,当文字和图片被选中中的时候,会有默认事件从而导致我们写的那个拖拽效果失灵。处理:在做鼠标拖拽事件时加上 阻止默认事件 e.preventDefault()...原创 2019-10-12 18:51:49 · 1185 阅读 · 0 评论 -
js中对象赋值相互影响问题
方法一:使用深拷贝方法二: var newObj = JSON.Parse(JSON.stringfy(oriObj));方法三: 对象拓展运算符 var newObj = {...orObj}原创 2019-10-12 18:43:20 · 727 阅读 · 0 评论 -
cssText配合es6设置元素属性超好用
var _scrooTop = document.documentElement.scrollTop || document.body.scrollTop;this.$refs.mask.style.cssText = `position:absolute;left:0;top:4.896rem;height: calc(100% - 4.896rem - 0.5px + ${_scrooTo...原创 2019-02-14 15:13:06 · 450 阅读 · 0 评论 -
js给图片赋值拖拽事件后鼠标拖拽会有卡顿或者失灵的情况;
原因:浏览器会给文字和图片一个默认行为,当文字和图片被选中的时候,会有一个拖拽效果,即使我们没有人为给它添加。 所以当我们点击这个元素拖拽时,有可能选中文字或图片触发浏览器天生给的那个行为,从而导致我们写的那个拖拽效果失灵。处理:在做鼠标拖拽事件时加上 阻止默认事件 e.preventDefault()...原创 2019-09-12 15:18:08 · 1468 阅读 · 0 评论