Web Worker知道吧？怎么动态的创建Web Worker呢
前言 浏览器是一个多进程多线程的架构，以 为例，每一个 页都是一个单独的渲染进程。在这个渲染进程下，有 执行线程和渲染线程。 执行线程与渲染线程是互斥的，这就导致了我们在执行一些长任务的时候，会阻塞渲染线程，具体的表现可能有： 1. 动画卡顿 2. 点击按钮/输入框输入没反应等等 在 中，浏览器提出了 这种技术，它允许在主线程之外运行脚本，这样就可以在后台执行一些耗时的任务，而不会阻塞 执行线程，从而提高了 应用的性能和响应性。 web...
领导让前端实习生在网页上添加一个长时间不操作锁定电脑的功能
前情提要 大约一个月前，公司的医疗管理系统终于完工上线。后面一个周一，领导叫大家开会，说后面没有项目进来了，用不了这么多开发人员，原地宣布裁员。再后一周后，花 2000 招了个实习生，工作内容为系统维护。 工作内容 领导：由于我们工作内容很简单，事情轻松，基本就在页面上加加按钮就行，所以工资相对较少一些，是否接受？ 实习生小李：能开实习证明吗？ 领导：能的。 实习生小李：好的，谢谢老板。 领导：什么时候能入职？ 实习生小李：现在。 工作...
一个永远不会完成的 Promise 是否会造成存储泄漏
已经火了很多年了，网上的各种对 的解读也非常之多，从 规范到手撕源码等系列的文章也是层出不穷，都是在扒一些底层原理，对于我们实际的业务遇到的问题以及使用细节和场景等方面的讨论却是相对较少的。 今天就来聊一聊一个比较特殊的问题，那就是一个永远不会完成的 是否会造成存储泄漏。 省流结论：内存泄漏是你的代码写的有问题，而不是 的问题， 本身是不会造成内存泄漏。 为什么会有这个问题 根据 的特性，我们知道 有三种状态： 、 、 ，而且 的状态是...
这个 JavaScript API 比你想象中更强大
今天，我们来聊聊一个可能被你忽视，而且非常强大的标准 JavaScript API 。 在过去，大家在提到 的时候，一般会举请求中断的例子，就连 MDN 给到的描述也是这样的： 但是 的能力可不止于此， 是 JavaScript 中的一个全局类，它可以用来终止任何异步操作，使用方法如下： \ 我们创建一个 实例后，会得到两个东西： 属性，这是一个 实例，我们可以将它传递给要中断的 API，来响应中断事件并进行相应处理，例如，传递给 方法...
什么是iframe，火爆的微前端解决方案方案，教你快速看懂
iframe（Inline Frame） 是一种 HTML 标签，它允许在一个网页内部嵌套加载另一个网页，从而实现在主页面中展示外部网页内容的功能。iframe 创建了一个独立的浏览上下文，拥有自己的文档对象模型（DOM）和执行环境，这意味着它不会与主页面共享JavaScript变量或CSS样式，提供了较好的隔离性。 一、简单使用案列，网站中嵌套 Chatgpt 一、简单使用案列，网站中嵌套 Chatgpt 1.它允许你在当前页面中嵌入...
如何在页签中监听 LocalStorage 变化？
在开发中，你是否会碰到过这样的需求： 需要监听 LocalStorage 的变化 。这在不同浏览器页签间是相对简单的，因为浏览器提供了内置的 事件。但在 同一个浏览器页签下 ，却没有直接的方式实现。今天，我们探讨下有几种 高效且易用 的解决方案，可以帮助轻松应对这种需求！ 传统方案的痛点 先来看看浏览器是如何帮助我们处理 不同页签 的 LocalStorage 变化： 通过监听 事件，当在其他页签修改 LocalStorage 时，你可...
怎么用 MutationObserver 解决你的问题？
提供了 监听对 DOM 树所做更改 的能力，当对 目标根节点的 DOM 树 进行 、 、 时都会触发其回调函数。 基于这个特性，在部分场景下能够让我们实现 无侵入式增强第三方库的能力 ，但也相信有不少人对它们的认识仅限于 、 ，就是没有实打实的把它们应用起来，去解决一些实际的问题，这就导致了在出现某些问题需要快速解决时，就会出现要么没思路、要么解决方案过于繁琐等问题。 本文会列举两个实际场景（ ），以及如何使用这个 API 来解决问题的...
🚀手机号格式验证不通过？原来是零宽字符搞的鬼
前言 我们有一个需要用到用户的手机号进行一些操作的功能，在这里行文的时候姑且脱敏为：用户输入手机号，我们发短信，这也是经常遇到的功能。 然而有一次，明明用户输入了一个非常正常的手机号（行文中手机号脱敏为 ，我们在本文中认为这个手机号是合法的 ），但是却死活验证不通过，导致发短信失败。 然后下游的同事反馈过来说，我们给到他们的手机号是这样的： 是什么东西呢？它其实是零宽字符的一种，属于零宽空格。 零宽字符简介 零宽字符 是一类特殊的字符，...
使用iframe内嵌网页的时候，如何做到内嵌网页的高度自适应
在页面无刷新更新方面，虽然现在的ajax很强悍，但是处理代码相对多点。想比之下，iframe就简单多了！处理iframe的自适应宽、高，会经常用到，网上整理了一份，写在这里备用： 单个iframe 高度自适应： 起作用的是这句： onload="this.height=iFrame1.document.body.scrollHeight" 多层嵌套iframe 高度自适应： A页面的iframe： B.PHP页面又有一个iframe：...