随笔分类 -  JavaScript

js- 实现属性名的拼接 obj['name']
摘要：obj.name >obj[name] 这两种调用方式一样，obj['name'] 里面必须是字符串 例如 for (let i = 0; i < value.length; i++) { obj['name' + i] //相当于下面 obj.name1 obj.name2 obj.name3 . 阅读全文
posted @ 2020-10-29 20:15 shetoutou 阅读(837) 评论(0) 推荐(0)
H5 实现div拖放位置互换
摘要：1 给要进行拖拽的div加上draggable="true" ondrop="drop(event,this)" ondragstart="drag(event, this)" ondragover="allowDrop(event)"三个属性 <!-- 图表容器 --> <div id="echa 阅读全文
posted @ 2020-08-17 20:24 shetoutou 阅读(1013) 评论(0) 推荐(0)
js 移动端判断滑动方向
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-08-17 20:17 shetoutou 阅读(345) 评论(0) 推荐(0)
js 判断滚动方向
摘要：var before = $(window).scrollTop(); //滚动事件 $(window).scroll(function() { var after = $(window).scrollTop(); if (after > before) { console.log('下') bef 阅读全文
posted @ 2020-08-17 20:16 shetoutou 阅读(753) 评论(0) 推荐(0)
js监听css3动画
摘要：在做前端页面时，如果一个页面有多套动画特效依次播放。我们一般采用setTimeout延时，就可以完美解决动画依次执行的效果，但存在以下问题： 1、如果动画很多的话会让人感觉很累，因为每个动画动摇计算前方动画所运行的时间。 2、如果中间某个动画的运行时间进行修改的话，后面所有的动画都需要修改。 所以， 阅读全文
posted @ 2020-05-01 15:39 shetoutou 阅读(1736) 评论(0) 推荐(0)
js和data-url代替a标签
摘要：看到这样一段代码 跳转没用a标签，而是用了div加h5的自定义属性，因为a标签有种种不确定性，比如在各种浏览器的表现形式不统一，而且鼠标hover的时候页面下方会有链接，显得很low。而div+自定义属性，在js中获取链接，通过$('.new').attr('url')获取地址，然后把链接 wind 阅读全文
posted @ 2020-04-09 16:19 shetoutou 阅读(1031) 评论(0) 推荐(0)
ios伪类active兼容问题
摘要：在iOS系统的移动设备中，需要在按钮元素或body/html标签上绑定一个touchstart事件才能激活:active状态。比如： 或者js给 document 绑定 touchstart 或 touchend 事件： 对于PC端，将touchstart换成mouseover即可。 阅读全文
posted @ 2020-04-08 15:30 shetoutou 阅读(394) 评论(0) 推荐(0)
表格导出到excel的样式消失该如何修改
摘要：工作中遇到一需求，要将后台的表格导出到excel后的表格样式该如何修改呢？ 其实表格导出首先需要了解两个插件：jquery.table2excel.js和tableExport.js 1、第一步，写一个导出按钮button 2、第二步，初始化js ①jquery.table2excel.js ②ta 阅读全文
posted @ 2019-11-11 21:54 shetoutou 阅读(1504) 评论(0) 推荐(0)