Jydud

高性能直播弹幕系统实现：从 Canvas 2D 到 WebGPU 前言 在现代直播应用中，弹幕是提升用户互动体验的重要功能。本文将深入介绍如何实现一个支持大规模并发、高性能...

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等...

在 Webpack 插件开发中，apply 方法是一个关键部分。它是 Webpack 插件的入口点，Webpack 会在初始化时调用每个插件的 apply 方法，并传入一个...

以下是 Sass（Sass/SCSS）预处理器的常用知识点整理，适合快速掌握核心功能： 1. 变量（Variables） 定义变量：存储可复用的值（颜色、字体、尺寸等）。 ...

一、简介 装饰器本质上是一种特殊的函数，使用 @expression 形式，可以对类、属性、方法和参数进行扩展，同时能让代码更加简洁。 装饰器有5种：类装饰器、属性装饰器、...

类组件的生命周期 constructor 执行时机：组件初始化的时候执行 应用场景：初始化一些内容，比如state的初始化、组件中的方法绑定this可以在此方法中操作 co...

背景 由于react框架开发的项目是单页面应用，项目中的页面切换一般都是一个个组件之间来回切换，而这种组件之间的来回切换我们需要使用到路由来支持，所以react-route...

请求方式 1. http 的请求方式有哪些？分别用在哪些场景下？* GET：用于向服务器请求指定资源，一般用于获取数据。 POST：用于向服务器提交数据，一般用于提交表单数...

本文主要的目的是为客户端的小伙伴揭开 Babel 神秘的面纱，从原理的角度看这个优秀的项目，掌握作者的设计思想，知其然亦知其所以然。...

类型检测 & 快速区分 1. JS有几种基础数据类型？几种新增？* JavaScript 中有七种数据类型，分别是： 数字（Number）：整数或浮点数，使用 number...

css 面试题相关，动态设置rem，css的预处理器，手写布局（两栏布局，圣杯布局，双飞翼布局），水平垂直居中等问题......

过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理 现在 Webpack5 已经将两个 Loader 功能内置到...

这里主要介绍webpack是如何处理css、less、sass/scss、styl样式资源，Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助...

前端开发中的各种框架（React、Vue）、ES6的模块化语法、less/sass/stylus等css预处理器。这些代码是不能直接在浏览器中运行的，需要一个中间的转换工具...

说一说cookie、sessionStorage、localStorage 的区别？ 共同点 Cookie、SessionStorage、 LocalStorage都是存储...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

模块化其实是一种约束或者说是一种规范。在JavaScript中每个js文件都可以看作是一个模块，每个模块都是通过某种固定的方式倒入，按照某种固定的方式报漏出或抛出模块中的内...