![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 67
zhuangvi
代码搬运工
展开
-
JavaScript 之 获取当前日期的周日期范围、月日期范围
常用于数据的日期范围筛选,如基于当前日期的前第N周,后N周日期范围,前第N月,后N月日期范围……原创 2024-03-15 21:00:00 · 496 阅读 · 0 评论 -
JavaScript 之 正则详解(?=、?!、?<=、?<!)、捕获性括号、非捕获性括号
基础介绍就不多赘述了,都是来自菜鸟教程:https://www.runoob.com/jsref/jsref-obj-regexp.html里面的内容。原创 2023-07-20 21:15:00 · 2589 阅读 · 0 评论 -
JavaScript 之 限制输入框的整数、小数位数;限制正整数;限制大于0的数;限制大于0并且只能保留两位小数
限制输入框的整数、小数位数;限制正整数;限制大于0的数原创 2022-09-03 11:33:41 · 4291 阅读 · 1 评论 -
JavaScript 之 普通数组、对象数组的去重(涉及多个场景)
普通数组去重对象数组去重场景一:从A表格中选择数据添加到B表格中,不能重复对象数组去重的方法一:对象数组去重的方法二:对象数组去重的方法三:测试结果展示场景二:列表多条重复数据,只显示其中任意一条写在末尾......原创 2022-07-06 23:28:06 · 811 阅读 · 0 评论 -
JavaScript 之 FileReader简介以及原生、uniapp、vue如何将文件转成base64编码字符串示例
1、 FileReader简介说明以及如何使用;2、原生、uniapp中如何将文件转成base64编码字符串原创 2021-12-25 21:03:29 · 2359 阅读 · 0 评论 -
防抖、节流一步一步详细讲解,从简单到复杂,从入门到深入了解,再到 Vue 项目中是怎样调用防抖、节流方法的
防抖与节流防抖场景初版代码如下:进阶版代码如下箭头函数的写法:直接使用 function 函数的写法:终极版代码如下:节流场景:时间戳版节流定时器版节流定时器版节流与防抖方法代码逻辑详解说明:写在末尾防抖场景 场景: 一个搜索输入框,用户可通过实时输入调用接口返回用户想要的数据。<input id="searchInput" type="text">function handleInput(event) { let e = event || window.event;原创 2021-11-29 00:28:48 · 1306 阅读 · 1 评论 -
简单 js 实现防止重复点击
防止重复点击: 定义一个clickThrottle.js文件/* 防止重复点击 */let clickTimer = 0function clickThrottle(interval = 3000) { let now = +new Date(); // 获取当前时间的时间戳 let timer = clickTimer; // 记录触发事件的事件戳 if (now - timer < interval) { // 如果当前时间 - 触发事件时的事件 &原创 2021-11-24 22:28:42 · 2996 阅读 · 0 评论 -
JavaScript 之 阻止 a 标签的默认跳转行为的三种方法
第一种:给 a 标签的 href 属性赋值<a href="javascript: void(0)">跳转页面</a>第二种:给 a 标签增加一个点击事件,并且return false<a id='aDom' href="http://baidu.com">跳转页面</a>let aDom = document.getElementById();aDom.onclick = function(e){ retrun false;}第三种:给原创 2021-08-08 11:16:45 · 11224 阅读 · 1 评论 -
JavaScript 之 处理各种兼容问题
1、获取浏览器窗口的大小(兼容写法)function windowSize(){ clientWidth = document.documentElement.clientWidth || document.body.clientWidth; clientHeight = document.documentElement.clientHeight || document.body.clientHeight; return clientWidth, clientHeight}原创 2021-08-08 11:15:44 · 189 阅读 · 0 评论 -
JavaScript 之 密码强度的正则校验
在我们设置密码或者修改密码的时候经常会增加一些密码强度的校验,下面总结几个常用的密码强度的正则校验:分为弱、中、强 三种强度的密码校验; 弱6~10位的纯数字或者纯小写字母或者纯大写字母一般很少用,毕竟密码强度太低let reg = /^(\d{6,10})|([a-z]{6,10})|([A-Z]{6,10})$/;console.log(res.test('123456')) // trueconsole.log(res.test('123aaa')) // false原创 2021-01-24 11:46:34 · 5394 阅读 · 0 评论 -
JavaScript 之 字符串方法的总结
常用字符串方法的总结一、创建字符串二、常用的字符串方法1、查询当前下标所在的字符串内容2、查询对应的字符串索引的内容的unicode编码3、将unicode编码转换成相应的字符串内容4、查找子串在主串中的第一个出现时的下标5、查找子串在主串中的最后一个出现时的下标6、将字符串中的英文转换成大写7、将字符串中的英文转换成小写8、将字符串使用指定的分隔符连接其他的字符串成一个新的字符串9、将字符串按照指定的分隔符(必须存在字符串当中的)拆分成数组10、截取字符串的方法 `substring()`11、截取字符串原创 2020-06-07 16:11:30 · 258 阅读 · 0 评论 -
JavaScript 之 数组方法的总结
创建数组方式一:内置构造函数创建;let arr = new Array("apple","banner");方式二:字面量的方式创建let arr = ["apple","banner"];原创 2020-06-06 15:08:50 · 305 阅读 · 0 评论 -
JavaScript 之 类与对象 关于类的继承 —— 总结二
JavaScript 之 类与对象 关于类的继承 —— 总结二回顾总结一继承原型继承借用函数(call 或者 apply方法)的继承组合继承ES6的继承回顾总结一 总结一链接: JavaScript 之 类与对象 + 面向对象及其案例 —— 总结一. 在总结一中我们曾得出结论:类:是把许多相同事物或者类似事物综合在一起统归为一个类;对象:某个类特指的实例;面向对象:面向着一个实例一个具象,去想,要怎么做;面向对象的思想:也就是我们人类的思维去想去做;创建对象的方式面向对象的案例原创 2020-06-01 23:20:25 · 225 阅读 · 0 评论 -
JavaScript 之 replace() 方法的第二个参数为匿名函数时的理解(涉及正则)
引导首先,先简单普及一下replace() 方法的定义和用法:replace() 方法常用于 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。其次replace() 方法的一些简单应用相信大家都很熟悉了,无非就是替换。官方文档的解释亦非常之详细,再次便不多作解释;本文主要是将本人对 replace() 方法的第二个参数是匿名函数时的一些理解分享给大家,当然如有不足之处,...原创 2020-04-26 09:28:00 · 621 阅读 · 0 评论 -
JavaScript 之 常用的循环数组的方法、循环的控制以及各自的区别、注意点(如:forEach()、map()、filter())
JavaScript 之 循环语句简介一、常用的循环语句1、for 循环2、for in 循环3、while 循环4、do...while 循环4、循环的控制二、ES 5 新增的循环数组的方法1、forEach( ) 方法2、map( ) 方法3、filter( ) 方法 forEach( )、map( )、filter( ) 总结三、案例:九九乘法表 所谓循环,就是重复 ,重复的执行一段代码...原创 2020-04-11 15:46:00 · 739 阅读 · 1 评论 -
JavaScript 面向对象案例——原生js实现轮播图(详解)
话不多说,详解请看注释。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...原创 2020-04-05 21:07:54 · 492 阅读 · 0 评论 -
JavaScript 之 类与对象 + 面向对象及其案例 —— 总结一
类与对象一、类与对象的解释二、创建对象的方式 1、new Object() 创建对象 2、json创建对象 3、工厂(普通)函数创建对象 4、构造函数创建对象三、面向对象案例 1、弹力球 2、放大镜一、类与对象的解释 什么是类与对象?那么什么又是面向对象? 先来解释一下什么是类。类,中文的释义是很多相同事物的综合,例如:人类、书类、汽车类、笔……,这些都很明显,意思就是把许多相同事物或者...原创 2020-04-04 22:41:43 · 541 阅读 · 0 评论 -
JavaScript 之 分支语句(if 语句 / switch 语句)详解
JavaScript的分支语句什么是分支语句?所谓的分支语句其实就是判断语句,判断在什么什么的条件下执行什么样的操作。常用的判断语句我们一般分为两种:一、if判断语句语法:书写方式一:if(判断的条件){条件满足时执行的代码};书写方式二:if(判断的条件){条件满足时执行的代码}else{条件不满足时执行的代码};书写方式三:if(判断的条件){条件满足时执行的代码}elseif(...原创 2020-03-22 21:52:39 · 333 阅读 · 0 评论