JavaScript - 随笔分类 - 小菟同学

函数防抖

摘要：当业务功能满足以下三个条件： 1、频繁触发 2、耗时操作 3、只关心最终结果 function debounce(fn,deplay=300){ let timerId; return function(...args){ if(timerId){ clearTimeout(timerId); } 阅读全文

posted @ 2025-04-17 09:28 小菟同学阅读(14) 评论(0) 推荐(0)

千分位数据与原始数据（互转）

摘要：//单个数据千分位转字符串 function SingleDelete(num){ if(num&&num!=undefined&&num!=null){ let _num=num _num=_num.toString() _num=_num.replace(/,/gi,'') return _nu 阅读全文

posted @ 2021-05-24 13:30 小菟同学阅读(116) 评论(0) 推荐(0)

js获取地址栏参数

摘要：//获取地址栏参数方法 function getQueryVariable (variable) {//获取参数id var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 阅读全文

posted @ 2021-05-24 13:28 小菟同学阅读(174) 评论(0) 推荐(0)

根据数组整合出选年月

摘要：data: [ //这是后端的数据 ['2012年', '2012', '1季度', '1'], ['2012年', '2012', '2季度', '2'], ['2012年', '2012', '3季度', '3'], ['2012年', '2012', '4季度', '4'], ['2013年' 阅读全文

posted @ 2021-05-19 10:13 小菟同学阅读(45) 评论(0) 推荐(0)

let，const，var 区别及理解

摘要：let 块级作用域，函数内部使用let定义后，函数外部不会受到影响在相同的作用域不允许重复声明同一个变量先声明后使用，否则会报undefined const 定义的变量不可以修改，只读，必须初始化否则会报错先声明后使用，否则undefined var 定义的变量可以修改，不初始化时undefi 阅读全文

posted @ 2020-09-04 21:45 小菟同学阅读(150) 评论(0) 推荐(0)

失去input焦点后页面错乱问题导致按钮点不到

摘要：function inputHandle(){ let inputs = document.getElementsByTagName("input"); for(let i = 0;i<inputs.length;i++){ let item = inputs[i]; item.addEventLi 阅读全文

posted @ 2020-05-08 15:39 小菟同学阅读(238) 评论(0) 推荐(0)

封装弹窗带输入内容的拿来即用

摘要：css： .dialogBack { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1999; background: rgba(0, 0, 0, 0.6); } .tck { width: 62%; ba 阅读全文

posted @ 2020-05-07 11:29 小菟同学阅读(128) 评论(0) 推荐(0)

input限制中文字数

摘要：第一种： <input type="text" onkeyup="checkLen(this)" /> function checkLen(obj){ var maxChars = 8;//最多字符数 if (obj.value.length > maxChars){ obj.value = obj 阅读全文

posted @ 2020-05-07 11:24 小菟同学阅读(467) 评论(0) 推荐(0)

字符串判断，获取浏览器地址参数封装

摘要：//字符串判空 function isEmpty(obj) { return (obj "undefined" || obj null || obj ""); } //获取浏览器地址的参数 function getQueryString(name) { let reg = new RegExp("( 阅读全文

posted @ 2020-05-06 13:37 小菟同学阅读(165) 评论(0) 推荐(0)

封装一个弹窗方便多页面调用js

摘要：封装： /** * 带确认，取消的弹窗 * @param content 弹出内容 * @param btnok 是否显示按钮 * @param btncanel * @param btnCallBack 点击按钮的回调函数，true/false */ function popup(content, 阅读全文

posted @ 2020-04-21 10:43 小菟同学阅读(606) 评论(0) 推荐(0)

js关闭当前页面及浏览器方法(pc/安卓/苹果)

摘要：最近做项目有一个点击关闭按钮之后关闭浏览器这么一个功能我刚开始用window.close()的时候并不能关闭浏览器而且会报错这个错误的意思是脚本不得关闭非脚本打开的窗口于是我从网上借阅了一些方法写了但是发现都有问题所以从他们的基础上进行修//判断pc还是移动 function isPC() { 阅读全文

posted @ 2020-04-21 10:33 小菟同学阅读(2654) 评论(0) 推荐(0)

手机端前端渲染数据手指慢慢向下滑动开始抖动

摘要：经过查验是因为加了ontouchstart="previewTouchS(event)"这个事件去除解决阅读全文

posted @ 2020-01-17 15:59 小菟同学阅读(380) 评论(0) 推荐(0)

js判断浏览器内核如果是ie弹出提示非ie不进行任何操作

摘要：如上做一个弹出框针对ie兼容 // 获取IE版本 function IEVersion() { // 取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; // 判断是否为小于IE11的浏览器 var isLessIE11 = userAge 阅读全文

posted @ 2019-12-17 11:19 小菟同学阅读(1003) 评论(0) 推荐(0)

点击登录页面成功后，后端返回数据需要保存，在另外一个页面，发送ajax请求的时候需要登录返回数据的其中的一部分当做参数然后拿到新的数据

摘要：对于这个怎么操作首先我们要在登录的ajax请求中把后端的数据保存到sessionstorage中，代码如下登录ajax 1 $.ajax({ 2 type:'post', 3 url：xxxxxxxxx, 4 dataType:"json", 5 data:xx, 6 async:true,//( 阅读全文

posted @ 2019-12-06 11:28 小菟同学阅读(971) 评论(0) 推荐(0)

渐进增强与优雅降级

摘要：渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进，达到更好的用户体验优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容阅读全文

posted @ 2019-11-18 16:51 小菟同学阅读(115) 评论(0) 推荐(0)

数组和对象常用的方法

摘要：length：设置或返回数组中元素的数目 push()：向数组的末尾添加一个或多个元素，并返回新的长度，也就是添加元素后的数组长度 shift()：用于把数组的第一个元素从其中删除，并返回第一个元素的值 unshift()：向数组的开头添加一个或更多元素，并返回新的长度 pop()：用于删除并返回数阅读全文

posted @ 2019-11-18 16:41 小菟同学阅读(507) 评论(0) 推荐(0)

dom和bom之间的区别

摘要：BOM的核心是windows，表示的是一个浏览器的实例，在网页中自定义的任何一个对象、变量和函数，都以windows作为其全局对象 DOM是针对HTML和XML文档的一个API bom：（Browser Object Model）浏览器对象模型 dom：（Document Object Model）阅读全文

posted @ 2019-11-18 15:59 小菟同学阅读(296) 评论(0) 推荐(0)

prop和attr的区别

摘要：对于html元素本身就带有固有属性，在处理时，使用prop方法对于html元素我们自己定义的dom属性，在处理时，使用attr方法阅读全文

posted @ 2019-11-18 15:56 小菟同学阅读(118) 评论(0) 推荐(0)

Null和Undefined区别

摘要：null：是一个表示“无”的对象，转换数值为0 undefined：是一个表示“无”的原始值，转换数值为NaN 当声明的变量还未被初始化时，变量的默认值为undefined null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined表示“缺少值”，就是此处应该有一个值阅读全文

posted @ 2019-11-18 15:55 小菟同学阅读(131) 评论(0) 推荐(0)

Js的原型和原型链讲解

摘要：原型：每个对象都会在其内部初始化一个属性，就是prototype 原型链：当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype中去找，这个prototype中会有自己的原型，于是就这样一直找下去，这就是原型链阅读全文

posted @ 2019-11-18 15:52 小菟同学阅读(121) 评论(0) 推荐(0)

随笔分类 - JavaScript