Web Worker知道吧？怎么动态的创建Web Worker呢
前言 浏览器是一个多进程多线程的架构，以 为例，每一个 页都是一个单独的渲染进程。在这个渲染进程下，有 执行线程和渲染线程。 执行线程与渲染线程是互斥的，这就导致了我们在执行一些长任务的时候，会阻塞渲染线程，具体的表现可能有： 1. 动画卡顿 2. 点击按钮/输入框输入没反应等等 在 中，浏览器提出了 这种技术，它允许在主线程之外运行脚本，这样就可以在后台执行一些耗时的任务，而不会阻塞 执行线程，从而提高了 应用的性能和响应性。 web...
什么是 WebRTC
WebRTC（Web 实时通信）是一种可以在浏览器中实现点对点（Peer to Peer）通信的技术标准和开源项目。它使得浏览器和移动应用能够进行实时语音、视频和数据交换，无需安装插件或第三方插件。WebRTC 提供了一组 API，使开发者可以轻松地构建各种实时通信应用程序，如视频会议、语音电话、文件共享等。 基本概念 WebRTC 的核心包括三个主要 API： 1. MediaStream API : 获取摄像头和麦克风的访问权限，并...
如何实现渐变色 圆角与倒角 边框
1、完整代码及样式示例 1.1. 渐变色 圆角/倒角 效果图 圆角 倒角 1.2. 渐变色 圆角/倒角 完整示例代码 渐变色色值：linear gradient(270deg,rgba(34,117,211,1) 0%,rgba(14,244,243,1) 49%,rgba(34,117,211,1) 100%) 边宽：5px 宽：300px 高：150px 圆角值： 左上25px 右上30px 右下35px 左下40px 类型：圆角（...
领导让前端实习生在网页上添加一个长时间不操作锁定电脑的功能
前情提要 大约一个月前，公司的医疗管理系统终于完工上线。后面一个周一，领导叫大家开会，说后面没有项目进来了，用不了这么多开发人员，原地宣布裁员。再后一周后，花 2000 招了个实习生，工作内容为系统维护。 工作内容 领导：由于我们工作内容很简单，事情轻松，基本就在页面上加加按钮就行，所以工资相对较少一些，是否接受？ 实习生小李：能开实习证明吗？ 领导：能的。 实习生小李：好的，谢谢老板。 领导：什么时候能入职？ 实习生小李：现在。 工作...
一个永远不会完成的 Promise 是否会造成存储泄漏
已经火了很多年了，网上的各种对 的解读也非常之多，从 规范到手撕源码等系列的文章也是层出不穷，都是在扒一些底层原理，对于我们实际的业务遇到的问题以及使用细节和场景等方面的讨论却是相对较少的。 今天就来聊一聊一个比较特殊的问题，那就是一个永远不会完成的 是否会造成存储泄漏。 省流结论：内存泄漏是你的代码写的有问题，而不是 的问题， 本身是不会造成内存泄漏。 为什么会有这个问题 根据 的特性，我们知道 有三种状态： 、 、 ，而且 的状态是...
这个 JavaScript API 比你想象中更强大
今天，我们来聊聊一个可能被你忽视，而且非常强大的标准 JavaScript API 。 在过去，大家在提到 的时候，一般会举请求中断的例子，就连 MDN 给到的描述也是这样的： 但是 的能力可不止于此， 是 JavaScript 中的一个全局类，它可以用来终止任何异步操作，使用方法如下： \ 我们创建一个 实例后，会得到两个东西： 属性，这是一个 实例，我们可以将它传递给要中断的 API，来响应中断事件并进行相应处理，例如，传递给 方法...
【npm私有化部署】手把手教你使用Verdaccio搭建私有化npm
一、Verdaccio是什么？ 是一个 Node.js创建的轻量的私有npm代理注册源（proxy registry） 通过Verdaccio搭建私有npm服务器有着以下优势： 1. 零配置：无需安装数据库，基于 ，安装及运行。 2. 使用方便：将内部高复用的代码进行提取，方便在多个项目中引用。 3. 安全性：仓库搭建在局域网内部，只针对内部人员使用。 4. 权限管理：对发布和下载npm包配置权限管理。 5. 加速包下载：将下载过的依赖...
搞懂::v-deep、::v-deep()和:deep()的区别与用法
在 项目中，尤其是在使用 开发时，我们某些时候需要对组件内部的某些样式优化，但 的 （ scoped ）会阻止 直接作用于组件内部。为了应对这一挑战， 引入了 （也称为 或 ），让我们能够 的 ，对内部元素进行 。 允许我们从父组件中穿透到子组件内部，直接修改子组件的样式。这在需要定制第三方UI库组件样式时尤为有用。 各深度选择器的区别 1\. 是 原生中的 语法，用于穿透样式封装。 \ \ 兼容性：\ \ 仅在某些特定环境（如 的 配...
Golang 内置函数：make()
是 语言内存分配的内置函数，默认有三个参数。 ：数据类型，必要参数， 的值只能是 、 、 这三种数据类型。 ：数据类型实际占用的内存空间长度， 、 是可选参数， 是必要参数。 ：为数据类型提前预留的内存空间长度，可选参数。所谓的提前预留是当前为数据类型申请内存空间的时候，提前申请好额外的内存空间，这样可以避免二次分配内存带来的开销，大大提高程序的性能。 为了能更好的理解这些参数的含义，我们先来看下 的三种不同用法： 第一种，只传类型，不...