随笔分类 -  01-03. JS函数库

节流、防抖
摘要：节流： 让事件函数隔一段时间触发一次。（应用场景：比如onscroll等高频率触发的事件中） // 函数节流 var canRun = true; var timer = null; document.onscroll = function () { if (!canRun) return; // 阅读全文
posted @ 2021-07-28 15:59 真的想不出来 阅读(112) 评论(0) 推荐(0)
封装 拖拽 核心 js 代码
该文被密码保护。
posted @ 2020-09-23 09:49 真的想不出来 阅读(271) 评论(0) 推荐(0)
方向键控制运动，躲避多个障碍物
摘要：效果图： 功能简介： 通过方向键控制，让移动物体（需要运动的元素）在一定范围（定位父级）内移动。 碰撞到障碍物时停止前进，可以同时设置多个障碍物。 可以控制速度 碰撞之后，开启回调，返回移动方向，碰撞面，和障碍物Dom，等信息 点击查看：完整代码 js 部分： class keyMoue { con 阅读全文
posted @ 2020-09-23 09:11 真的想不出来 阅读(391) 评论(0) 推荐(0)
#开头的 十六进制颜色代码(#1B253A) 转成 rgba(27,37,58,0.5) 格式
摘要：无意间发现的一段代码，挺有意思： const hexToRgba = (hex, opacity) => { let rgbaColor = ""; let reg = /^#[\da-f]{6}$/i; if (reg.test(hex)) { rgbaColor = `rgba(${parseI 阅读全文
posted @ 2020-07-29 09:33 真的想不出来 阅读(443) 评论(0) 推荐(0)
编码、转码、加密、解密的几种方法（前端版）
摘要：escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 语法：escape("string") 返回值：已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。 说明：escape 方法对所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 阅读全文
posted @ 2019-12-27 18:11 真的想不出来 阅读(3097) 评论(0) 推荐(0)
js 乘除算法 浮点 精度解决办法
摘要：js中进行浮点数运算时容易出现精度问题 1） 除法函数 //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用：accDiv(arg1,arg2) //返回值：arg1除以arg2的精确结果 function accDiv(ar 阅读全文
posted @ 2019-10-16 17:05 真的想不出来 阅读(1282) 评论(0) 推荐(0)
moment.js 使用方法总结
摘要：Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。 一、引入moment.js 1.N 阅读全文
posted @ 2019-08-23 10:54 真的想不出来 阅读(38034) 评论(0) 推荐(6)
回到顶部效果
摘要：js实现返回顶部效果的解决方案 1、纯js,无动画版本 window.scrollTo(x-coord, y-coord); window.scrollTo(0,0); 2、纯js，带动画版本 生硬版： var scrollToTop = window.setInterval(function() 阅读全文
posted @ 2019-02-07 17:40 真的想不出来 阅读(775) 评论(0) 推荐(0)
用鼠标事件写 拖拽
摘要：用鼠标事件写 拖拽 所需要的三个事件 onmousedowm / onmousemove / onmouseup 遇到的问题及解决 如果把移动事件放在box上，那么当鼠标移动快的时候，鼠标会脱离盒子，导致盒子不跟着鼠标走。 解决：把移动事件放在document上，就能解决 如果把抬起事件放在box上 阅读全文
posted @ 2018-11-20 12:12 真的想不出来 阅读(321) 评论(0) 推荐(0)