js
记录
爱听音乐的boy
这个作者很懒,什么都没留下…
展开
-
js 防抖函数 节流函数
js 防抖函数 节流函数原创 2023-02-19 17:19:17 · 400 阅读 · 0 评论 -
js es6 Object.defineProperties
js es6 Object.definePropertiesdefineProperties使用Object.defineProperties(obj, props)实现双向绑定原创 2022-04-24 18:03:56 · 1872 阅读 · 0 评论 -
前端js 输入:7#6$5#12 输出:226
输入:7#6$5#12 输出:226原创 2022-01-24 14:36:44 · 288 阅读 · 0 评论 -
上拉加载更多工具函数
上拉加载更多工具函数:function getScrollTop(){ var scrollTop=0; var bScrollTop=0; var dScrollTop=0; if(document.body){ bScrollTop=document.body.scrollTop; } if(document.documentElement){ dScrollTop=document.documentElement.scrollTop; } scroll原创 2021-08-30 17:10:53 · 62 阅读 · 0 评论 -
js中自定义事件
js中自定义事件结构<div id="box">box</div>1.自定义事件:参1事件名;参2为对象,三个字段//detail字段用来传递数据,可以是任何类型var customEv = new CustomEvent("look", { bubbles: true, cancelable: false, detail: function(){ console.log(66); }});2.监听 (不能用on来绑定):var box=原创 2021-08-30 17:07:48 · 492 阅读 · 0 评论 -
js监听浏览器标签栏(页)切换
js监听浏览器标签栏(页)切换:document.addEventListener('visibilitychange',function(){ if(document.visibilityState=='hidden'){ //切离该页面时执行 }else if(document.visibilityState=='visible'){ //切换到该页面时执行 }});原创 2021-08-30 16:52:59 · 1752 阅读 · 0 评论 -
js限制input输入框只能输入数字
js限制移动端与PC端只能只能输入数字:pc端:<input type=“text” οnkeyup=“this.value=this.value.replace(/[^\d]/g,’’)” onafterpaste=“this.value=this.value.replace(/[^\d]/g,’’)” name=“phone” />移动端:原创 2021-06-29 13:48:39 · 3768 阅读 · 0 评论 -
js金钱千分位分隔符
金钱千分位分隔符:function moneyFormat(nMoney){ if(nMoney == 0){ return ‘0.00’; } if(nMoney && nMoney != null){ nMoney = String(nMoney); var sLeft = nMoney.split(’.’)[0], sRight = nMoney.split(’.’)[1]; sRight = sRight ? (sRig原创 2021-06-30 20:22:42 · 501 阅读 · 0 评论 -
js实现简易版 替换模板中对应变量
替换模板的变量://script模板替换函数 给String原型添加方法‘’’String.prototype.replaceTpl=function(objData){ return this.replace(/$\w+$/gi, function(matVal){ var res=objData[matVal.replace(/$/g, “”)]; return res ? res : “”; });};var oTpl=document.getElementById(“tpl”原创 2021-07-04 00:54:47 · 608 阅读 · 0 评论 -
js自定义确认框
js自定义确认框效果图如下:使用:基本使用:showEnterTips();有参数使用: var obj = { title:"QQ", tips:"aa", duration:0, callBack:function(res){ console.log(res); if(res.flag){ console.log("确定"); }else{ console.log("取消"); } } }; showEnterTips(ob原创 2021-06-22 17:00:23 · 677 阅读 · 0 评论 -
js常用工具函数
js常用工具函数(function(w){ /*将 时间戳 格式化成这样的-> year-month-day h:m:s shijianchuoStr 时间戳 spe 分隔符 默认以 - 分隔 year-month-day 用法:formatTimeFn("46554565544",'-');//参数1为时间戳 参数2为年月日的分隔符 */ function formatTimeFn(shijianchuoStr,spe){ spe = spe || "-"; va原创 2021-06-22 16:38:56 · 109 阅读 · 0 评论 -
js复制内容到剪贴板,实现:复制 粘贴
js复制内容到剪贴板,实现:复制 粘贴第一种方法,用到 clipboard.js 插件clipboard.js官网:https://clipboardjs.com/clipboard 版本是1.5.12,cdn地址如下:```javascript <script src='https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js'>```情况一:复制某标签的内容结构: ```html <div原创 2021-06-22 16:19:46 · 987 阅读 · 0 评论 -
js实现 防抖函数
js实现 防抖函数为什么要有 防抖函数 ?我们的input输入框,每一次输入都会连续触发事件,如果事件中都会去服务器请求数据的话,太过于频繁请求,对我们的服务器造成巨大压力。而我们只需等到用户没有输入信息时,延迟一会再向服务器请求数据就好了。比起:连续发请求 和 只发一次请求,后者最佳。...防抖函数 的使用场合:input输入框的实时输入事件:oninput,当没有输入时才发请求。过于频繁的事件触发。...结构如下:<input type="text" id="inpu原创 2021-06-18 18:20:16 · 448 阅读 · 0 评论 -
原生js自定义 加载中... 效果
原生js自定义 加载中… 效果描述一下:我们在发请求获取数据的时候,可以提示一下此时正在 加载中... 的效果,引入庞大的框架感觉不适合所以作者用原生js写一个类似的 加载中... 的基本效果,来满足自己的需求,仅此而已。没有针对的意思。效果图如下:使用:基本使用:startLoading();配置使用: var obj = { title:"请稍候", tips:"加载中..." }; startLoading(obj);隐藏:stopLoading();js代原创 2021-06-17 18:27:52 · 1425 阅读 · 0 评论 -
原生js自定义提示框
原生js自定义提示框本作者将文件命名为: showTips.js在页面中引入 showTips.js效果图如下:描述一下:原生的alert()弹框不太美观,又不想因为一个 提示框 引入其他的框架,所以自己用原生js实现一个简单的 提示框 。使用:基本使用:showTips();有参数使用:var obj = { title:"提示框", //标题 可选 也是默认值 infoTips:"hi", //提示消息 可选 也是默认值 duration:800, //消失时间 可原创 2021-06-15 18:53:46 · 1627 阅读 · 2 评论 -
js根据 当天 获取一周的月-日,和对应是周几(包括 当天)
js根据 当天 获取一周的月-日,和对应是周几(包括 当天)效果图如下 function getWeek(){ const week = [];//周 const md = [];//month + day 的简写 月 日 for (let i = 0; i <= 6; i++) { let Stamp = Date.parse(new Date());//转为时间戳 let time = Stamp+86400000*i; let index原创 2021-05-31 20:11:53 · 207 阅读 · 0 评论 -
js 将一维数组转成二维数组
js 将一维数组转成二维数组废话少说,接着看,看什么?往下看啊。描述一下:将var arr=[“a”,“b”,“c”,“d”,“e”,“f”,“g”,“h”] 变成楼下这样的?var arrs=[[“a”,“b”,“c”],[“d”,“e”,“f”],[“g”,“h”]];方法1var arr=["a1","b2","c3","d4","e5","f6","g7","h8","i9","j10","k11"]; var len=arr.length; var arrs=[];原创 2021-05-26 00:32:29 · 380 阅读 · 1 评论 -
js常见正则验证:邮箱 手机号 电话号码 账号 去掉空格 身份证
常见正则验证:邮箱 手机号 电话号码 账号这个博主没什么文采,废话不少说,直接来正文,往下看啊。检测:电话号码/* 检测:电话号码 验证规则:区号+号码 如:01022446688 010-4567891 0523-4445556*/function checkPhoneNum(phoneStr){ var reg= /^0\d{2,3}-?\d{7,8}$/g; if(reg.test(phoneStr)){ //通过了 }e...原创 2021-05-24 19:21:24 · 924 阅读 · 0 评论