![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 61
工具人-小不点
每天都很努力,希望明天更好!
展开
-
js中一些常用的正则
let reg=new RegExp(); 电话号码:let reg=/^1[35789]\d{9}$/ 身份证号:let reg=/^[1-9]\d{16}[\dX]$/ /^\d{17}(\d|X)$/ 18-65年龄:let reg=/(18)|(19)|[2-5][0-9]|[6[0-5]]/ 密码校验:/^(.*_)(.*\d)(.*[a-z])(.*[A-Z]).{5,9}/ 模板字符串: let str = '你的名字是{{name}},年龄是{{age}},性别是{{sex}}' le原创 2021-09-02 09:18:19 · 336 阅读 · 0 评论 -
人类高质量JS防抖与节流机制
一.速识防抖: Hello呀,大家好????????????。防抖与节流可谓是面试常见,其实很好理解,下面带你分分钟了解防抖与节流的基本思想与写法~ 在这之前,比如我们先定义一个按钮,并绑定一个点击事件,执行要触发的事件: <!-- 定义一个按钮 --> <input type="button" id="btn" value="按钮" /> <script> // 获取标签 var btn = document.getElementById("btn"); // 绑原创 2021-09-01 16:04:28 · 249 阅读 · 1 评论 -
JavaScript 运行机制解析
引言 在一些面试中,我们或许会被问到这样的问题 简述一下 JavaScript 的运行机制? 还有可能会被问这样的代码 setTimeout(function () { console.log('定时器开始啦') }); new Promise(function (resolve) { console.log('马上执行for循环啦'); for (var i = 0; i < 10000; i++) { i == 99 && resolve(转载 2021-08-26 09:35:34 · 123 阅读 · 0 评论 -
HTML+CSS+JavaScript 迷宫生成算法
使用HTML,CSS和JavaScript制作一个简单的迷宫生成小代码。 迷宫生成有很多种算法,今天给大家展示的是钻孔法(道路延伸)。 1 首先将数组所有属性都设置成为墙。 2 进行道路挖掘,在数组中进行道路属性值设置。每次随机选择点打桩,在打桩数据旁边进行延伸路径,向上、向下、向左或向右看前方两个方格。如果那不是通道,则延长道路,如果无法延长道路,此时从现有道路中随机选择点(但 X 和 Y 坐标偶数的点)并延长道路。 3 重复步骤2的操作并用道路填满整个屏幕,完成迷宫。 钻孔法的特点 算法的特点是原创 2021-08-20 10:50:56 · 571 阅读 · 1 评论 -
自定义ES6提供的变异方法(forEach、filter、map、some、every、find、findIndex)
原理部分 JavaScript 在ES6版本后提供了一些更加便捷的方法供开发者使用,实现原理其实是在对应的构造函数原型提供方法。然后供开发者使用。接下来让我们自定义这些ES6提供的简易函数吧。 变异方法的实现原理 ES6提供的一些方法,底层主要是用for循环实现的,咱们在使用过程中也主要是传递callback来控制输出结果。后边的实现也主要是下边的结构。 Array.prototype.xxx = function (callback) { if (callback && typeo原创 2021-08-18 16:34:41 · 159 阅读 · 0 评论 -
JavaScript中的数据类型转换 NaN
一、判断数据类型的两种方法: 1、 typeof (检测的数据) var a = "hello world"; var b = 6.5; // 检测a的数据类型 console.log(typeof(a)); //string //检测a,b的数据类型 console.log(typeof(a),typeof(b)); // string number 2、typeof 检测的数据 var a = "hello world"; v原创 2021-08-12 09:25:16 · 830 阅读 · 0 评论 -
JavaScript 统计出现次数最多的字符次数
判断一个字符串'aabcdobdackoppz'中出现次数最多的字符,并统计其次数 首先我们需要了解一个知识点:(如何判断对象里有该属性) // 有一个对象,来判断是否有该属性 // 写法:对象['属性名'] var o = { age : 18 , sex : '男' } if(o['sex']){ console.log('里面有该属性'); } else { console.log('没有该属性原创 2021-08-11 14:22:12 · 149 阅读 · 0 评论 -
js原型链机制
转发原博文地址: js原型链机制 https://blog.csdn.net/luo1831251387/article/details/119491381转载 2021-08-11 09:45:21 · 134 阅读 · 0 评论 -
JavaScript深拷贝和浅拷贝
文章目录一、理解拷贝二、浅拷贝(shallow clone)对象浅拷贝数组浅拷贝三、深拷贝对象数组深拷贝 一、理解拷贝 拷贝分为:基本数据类型和引用数据类型的拷贝。 浅拷贝:拷贝了基本数据类型,和对象数据的引用; 深拷贝:拷贝了基本数据类型,和对象数据; 在JavaScript中我们定义的简单数据类型会存到栈(stack)内存中,包括引用类型的指针,而这个指针指向的地方是在堆(heap)内存中。也通常理解为,简单数据类型存在栈中,引用数据类型存在堆中 二、浅拷贝(shallow clone) 浅拷贝只能原创 2021-08-11 09:41:15 · 86 阅读 · 0 评论 -
为什么会有跨域的问题出现,如何解决跨域问题
为什么会有跨域的问题出现,如何解决跨域问题 什么是跨域 定义: 跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。注意:跨域限制访问,其实是浏览器的限制。理解这一点很重要!!! 指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对 javascript 施加的安全限制,防止他人恶意攻击网站. 比如一个黑客,他利用 iframe 把真正的银行登录原创 2021-08-09 10:55:03 · 2119 阅读 · 2 评论