随笔分类 -  前端

前端Javascript相关案例
BootStrap ToolTip内容换行
摘要:1 一说是改源码 template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div>' + '</div>', 改成 t 阅读全文
posted @ 2024-08-09 17:27 DreamerSix 阅读(164) 评论(0) 推荐(0)
Javascript鼠标事件
摘要:鼠标移入移出事件 mouserenter 鼠标移入事件 不冒泡,换言之,对子元素不生效mouseleave 鼠标移出事件 不冒泡,换言之,对子元素不生效 mouseover 鼠标移入事件 冒泡,对子元素生效mouseout 鼠标移出事件 冒泡,对子元素生效移入移出需要正确组合使用,mouserent 阅读全文
posted @ 2024-02-06 10:13 DreamerSix 阅读(86) 评论(0) 推荐(0)
随机颜色生成
摘要:随机生成颜色 /* *随机颜色(十六进制代码) */ function randomHexColor() { var seed = Math.random(), result = seed.toString(16).substr(2, 6); while (result.length < 6) { 阅读全文
posted @ 2024-01-10 16:24 DreamerSix 阅读(52) 评论(0) 推荐(0)
浏览器页面可见性事件
摘要:当我们页面在做耗资源的操作时(例如websockert 通讯,音频、视频播放灯),彼时切换到其他页面,耗资源的操作还在继续,但我们已经看不到最直观的效果反馈了,又浪费了服务器资源,有没有办法在页面切换到其它页面时让其暂停耗资源的操作呢,让服务器的资源能够最大化的有效利用? 浏览器页面可见性事件主要借 阅读全文
posted @ 2023-12-11 17:20 DreamerSix 阅读(47) 评论(0) 推荐(0)
Ajax处理文件流下载
摘要:文件流下载封装 /* * AJAX请求 后端返回文件流下载处理 * @param {object} option 下载请求选项配置 * @param {string} option.method 请求方式 POST|GET etc. * @param {string} option.url 请求地址 阅读全文
posted @ 2023-11-30 17:14 DreamerSix 阅读(738) 评论(0) 推荐(1)
函数防抖-节流
摘要:/** * 函数防抖 * @param {function} fn 执行函数 * @param {number} delay 延迟时间 毫秒 * @param {boolean} immediately 是否立刻执行函数 */ function debounce(fn,delay,immediate 阅读全文
posted @ 2023-11-29 16:58 DreamerSix 阅读(15) 评论(0) 推荐(0)
Javascript日期处理
摘要:获取指定日期所在周的第一天(周一) 1 /* 2 *获取指定日期所在周的第一天(周一) 3 *@params{d:string|Date} 默认值:今天 4 *@RETURN:Date 5 */ 6 function getFirstDayOfWeek(d){ 7 var date=d || new 阅读全文
posted @ 2023-08-30 15:42 DreamerSix 阅读(29) 评论(0) 推荐(0)