![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
YoursJoker
这个作者很懒,什么都没留下…
展开
-
正则表达式(规则),原来可以这么简单(js)
javascript系列之 正则表达式(规则) 篇 今天我们来聊聊正则表达式的匹配规则,会从修饰符、元字符、量词、贪婪与非贪婪、括号、字符集、反向引用这几方面来了解掌握正则表达式 1.正则表达式的修饰符(可组合使用) i (ignoreCase) 忽略大小写 g (global) 全局匹配,匹配全部符合条件的子串 var str = "BBQ" var reg1 = /b/ str.replace(reg1, 'a') // BBQ //大小写不匹配,所以没替换为 'a' var reg2 =原创 2020-09-09 16:53:45 · 343 阅读 · 0 评论 -
正则表达式(方法),原来可以这么简单(js)
javascript系列之 正则表达式(方法) 篇 这篇文章将介绍关于正则表达式的一系列匹配规则,会从基础语法、RegExp 对象方法,RegExp 属性,以及支持正则表达式的 String 对象的方法入手,一步步的了解和掌握正则表达式 定义 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 基础语法 创建一个正则表达式 //1. 字面原创 2020-09-08 16:50:52 · 125 阅读 · 0 评论 -
new的模拟实现(javascript)
# javascript系列之 new的模拟实现 篇 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 ## 1. new的基本用法 使用 new 操作符后返回一个新对象,且该对象为对应构造函数的实例。该对象可以访问构造函数里的属性和构造函数的原型里的属性 #### 1. 构造函数无返回值时 function Person (name, age) { this.nam原创 2020-08-27 19:02:17 · 144 阅读 · 0 评论 -
bind的模拟实现
javascript系列之 bind的模拟实现 篇 1. bind的基本用法 bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。 –MDN //bind绑定 this 指向 var bar = { age: 18 } function foo(name, sex) { console.log(name); console.log(sex); consol原创 2020-08-27 00:40:38 · 172 阅读 · 0 评论 -
call和apply的模拟实现(javascript)
javascript系列之 call和apply的模拟实现 篇 call和apply异同 同: 改变函数this指向 异: 传参列表不同(call传参是逐个传递,apply传参是以数组的方式传递) call 用法例子 var bar = { age: 18 } function foo(name, sex) { console.log(name) console.log(sex) console.log(this.age) } foo.call(bar, 'Joker',原创 2020-08-26 00:27:49 · 169 阅读 · 0 评论 -
严格模式(javascript)
JavaScript系列之 严格模式 篇 何为严格模式 JavaScript 严格模式(strict mode)即在严格的条件下运行。 为什么使用严格模式 消除代码运行的一些不安全之处,保证代码运行的安全 提高编译器效率,增加运行速度 为未来新版本的Javascript做好铺垫 严格模式使代码向更合理,更安全,更严谨方向发展 基本用法 1.为整个js代码开启严格模式 所有语句之前放一个特定语句 “use strict”; (或 ‘use strict’;) "use strict"; 'use str原创 2020-08-12 11:04:35 · 96 阅读 · 0 评论 -
数组去重(javascript篇)
javascript系列之 数组去重 篇 本篇将介绍4种数组去重的方法,其他的基本都大同小异 1.利用Set、Map数据结构 利用Set、Map数据结构成员的值都是唯一的特点 //Set function dedupe (arr) { return [...new Set(arr)]; } function dedupe (arr) { return Array.from(new Set(arr)); } //Map function deeupe (arr) { let map = new原创 2020-08-09 12:11:01 · 100 阅读 · 0 评论 -
AJAX、JSONP
1.AJAX 含义 Asynchronous JavaScript and XML(AJAX) 异步的 JavaScript 和 XML AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 基本用法 1.创建 XMLHttpRequest 实例 var xhr = new XMLHttpRequest() var xhr = new ActiveXObject("Microsoft.XMLHTTP") //(IE5 和 IE6)使用 ActiveX 对象 2.使用 open 方法,初原创 2020-08-07 22:43:17 · 82 阅读 · 0 评论 -
防抖 (debounce)、节流 (throttle)
防抖 (debounce)与节流 (throttle) 频繁的事件触发,会消耗很多的资源,甚至出现卡顿现象。解决这个问题一般有防抖(debounce)和节流(throttle)两个方案 1.防抖 (debounce) 原理: 只以最后一次触发的时间为准,延迟n秒后才执行。如果延迟n秒的时间内又触发事件,则以新的事件为时间基准,延迟n秒再执行 应用场景: 登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖 调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到位,就用原创 2020-08-06 17:26:22 · 132 阅读 · 0 评论 -
事件处理模型--冒泡、捕获
事件冒泡 1.当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window(自底向上) demo1 后面的demo可以结合这个图更好理解 html html代码: <div class="grandfather"> <div class="father"> <div class="child"></div> </div> </div> css代码: .grandfather{ .原创 2020-08-05 20:31:34 · 215 阅读 · 0 评论