背景在业务开发中，经常会遇到要处理跨页面通信的问题，比如说用户打开了一个网站，网站的某些页面需要根据用户的登录的状态不同，显示不同的数据。显然这需要我们在登录成功的那一刻，去通知到那些需要改变的页面。...0150- 在处理数据的时候，经常需要对数据进行过滤和遍历，以便把数据转换成符合我们要求的格式，比如下面的场景：过滤掉名字为空的数据，如果年龄小于18，设置disabled: true，大于等于18，设置disa...0108
- JavaScript中和的区别js中我们经常会判断两个值相等不相等，用到的就是相等运算符和严格相等运算符。一般情况下，只要变量的数据类型可以确定，我们都使用来进行判断下面对两个元素符的使用或者说是判断...0167
- JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解javascript中有很多需要知道的概念，尤其是标题中列出来的这些，今天就来过一下这些概念。一、进程和线程浏览器的每一个tab...0167
在 websocket 连接被建立后，如果一段时间未活动，服务器或防火墙可能会超时或终止连接。想要解决这个问题， 我们可以周期性地给服务器发消息。我们需要两个方法实现：一个来确保连接不会中断，，另一个...0120- 在这里 tap 是一个小怪物。一个可以用来快速调试、链式调用、匿名函数，还可以打印任何你想打印的东西的函数。function tap(x) { console.log(x); return x; } ...0140
- 对数组中的项目进行分组，你可能已经做过很多次了。每次都会手动编写一个分组函数，或者使用 lodash 的 groupBy 函数。好消息是，JavaScript 现在有了分组方法，所以你再也不必这样做了...0224
- eval 函数是 JavaScript 中的一个非常强大且灵活的特性，它允许你在运行时动态执行一段字符串作为 JavaScript 代码。通过 eval 函数，你可以实现动态加载脚本的功能，从而在应用...0220
- sourceMappingURL 是一种特殊的注释，它用于指定源映射文件的路径。当浏览器加载 JavaScript 文件时，如果该 JavaScript 文件包含了 sourceMappingURL ...0211
- noscript 标签页在 HTML 页面中扮演着一种特殊的角色，它提供了一种备选方案，用于在用户的浏览器不支持或禁用了 JavaScript 的情况下提供备用内容或功能。虽然在现代的 Web 开发中...0204
- Blob 数据类型是 JavaScript 中用来表示二进制数据的一种对象。它的名称源自 "Binary Large Object" 的缩写，意为二进制大对象。Blob 对象可以用...0213
- JSONstringfy方法的作用是将JavaScript对象转换为JSON字符串。在JavaScript中，JSON（JavaScript Object Notation）是一种用于数据交换的轻量级...0213
- 本文翻译自 18 JavaScript Tips : You Should Know for Clean and Efficient Code，作者：Shefali， 略有删改。在这篇文章中，我将分享...0168
- 问题：实现一个方法能让事件同步实现监听// 请完成getElement函数让后续程序顺利执行，cssSelector为css选择器 function getElement(cssSelector) {...0184
- 本文翻译自 How to implement Theme Switcher in JavaScript，作者：Pavel Keyzik， 略有删改。在本文中，您将学习如何在JavaScript中构建主...0199
- 今天介绍JavaScript中双位非运算 ~~， ~~ 操作符是一个强大且经常被忽视的特性。它提供了一种快速、简洁的方式来处理数字和执行类型转换，通常可以被用于数学计算和类型转换。我们先了解一下 ~~...0182
- Cache buster 是一种在前端开发中用于解决浏览器缓存问题的技术。它的主要目的是确保用户在访问网页时，能够获取到最新的资源文件而不受浏览器缓存的影响。在 Web 开发中，浏览器会将已下载的文件...0195
- 在 Web 应用开发中，缓存机制对于提升用户体验和减少网络请求具有重要的作用，其中包括传统的 HTTP 缓存和 Service Worker 中的 Cache API。这两种缓存机制各有优势，但是对于...0223
- Service Worker 是运行在浏览器背后的独立线程，可以处理网络请求。作为一种 JavaScript 文件，它根据事件驱动其相关工作。例如，当安装完成后触发 install 事件，或者当网络请...0206
- 1.在JavaScript中，事件监听是通过addEventListener()方法实现的。element.addEventListener(event, function, useCapture);...0236
- 以前我们定义事件，比如为元素定义单击事件是这样写的：$(input).click(function () { //处理代码 }); //或者是 $(.clickme).bind(click, func...0203
- 在js中，NaN的意思是not a number，它是一个比较特殊的值。NaN的特性首先，它是number类型。typeof NaN; // number其次，虽然是number类型，但是我们没法确定...0302
- 假如，有这样一段代码，将字符串转换为大写：let str abc; str.toUpperCase(); // ABC这是一段简单又普通的代码，按说str是字符串类型，它存储的是一个单值，并且是不可...0220
- Number()是js中的内置方法，用于将其他类型转换为数字类型。下面按照数据类型的划分，来看看转换的结果。基本类型String如果字符串中包含非有效数字字符，则结果为NaN。只有都是有效数字字符，才...0230
- JavaScript中的exec()方法是正则表达式对象的一个方法，用于在字符串中执行搜索匹配，返回结果数组或者null。exec()方法接受一个参数，即需要进行匹配的字符串。如果找到了匹配项，exe...0283
"ngswbypasstrue" 这个参数是与 Angular Service Worker (ngsw) 相关的一个选项，用于控制在 Service Worker 中是否绕过缓存...0194- preventDefault 方法是浏览器环境下事件对象的一个重要方法，它用于阻止事件的默认行为。在前端开发中，经常会遇到需要阻止某些事件的默认行为，比如点击链接时阻止页面跳转或者在表单提交时阻止页面...0196
- 在浏览器环境下，事件的传播（propagation）是指当一个特定的事件发生在DOM元素上时，它将按照特定的顺序在DOM树中传播，影响相关的DOM节点。这一传播过程分为三个阶段：捕获阶段（Captur...0191
- 在浏览器环境下，事件的传播（propagation）是指当一个特定的事件发生在DOM元素上时，它将按照特定的顺序在DOM树中传播，影响相关的DOM节点。这一传播过程分为三个阶段：捕获阶段（Captur...0177
