一尊还酹江月丶

作为React开发者，我曾以为性能优化已做到极致，直到亲眼目睹用户上传4K图片时卡顿12秒的绝望表情。那一刻，我决定背水一战，而WebAssembly成了我的秘密武器。 噩...

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

组件化思维是一种将应用程序的 UI 划分为独立、可复用的模块（即组件）的开发理念。在现代前端开发中，尤其是在框架如 React 中，组件化是核心思想之一。...

这篇文章去年中旬的时候就想写了，无奈在读源码的过程中，遇到了很多卡点，直到今天，才有勇气去写这篇文章，同时也希望可以给正在读React源码的小伙伴一个借鉴。 本文针对的是R...

在写下这个标题的时候，我已经做好了被喷的准备。我知道，在前端这个世界里，聊框架之争，就像在聊哪家烧烤最好吃一样，永远没有标准答案。 在动笔之前，我想先表明立场：我不是要捧一...

在前端使用 Transformers.js 实现智能模型应用 简介 Transformers.js 是一个强大的 JavaScript 库，允许开发者直接在浏览器或 Nod...

这篇文章会是讲解useEffect与useLayoutEffect区别的，最通俗易懂的文章。网上大多数的文章都没触碰到问题的本质，所以决定写这样的一篇文章。...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。...

起步 什么是Monorepo？首先monorepo并不是一个框架也不是某个技术，而是一种代码管理策略，指的是在一个单一的代码库中维护多个项目或模块。 目前已经有很多知名的开...

前言 最近，有被问到当多个项目具有很多公共组件和方法时，如何使用pnpm + monorepo的方式，把公共的东西都提取出来统一维护。大家可能多多少少都对这个有所了解，但是...

前言：叮叮当，叮叮当，铃儿响叮当。 全文分为两种方式去实现视频通话或者说是直播。 技术选型 1、P2P实现 2、流媒体服务实现 流媒体服务实现 1、nodejs-media...

背景 之前做的webrtc，最近部署在公网上了，OmgTV (luoyisen.com)，但是在实际的使用中发现视频通信的成功率几乎为零，在 edge 和 chrome 浏...

## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序...

WebRTC + Electron + Vue + Canvas 同屏涂鸦功能。具体来说，就是 B 将电脑的屏幕分享出来，然后 A 在平板的页面上进行涂鸦，涂鸦内容实时显示...

一行核心代码即可使用 CSS 滤镜的方案实现暗黑模式主题，性价比是非常高！兼容性也不差，尤其适合已经开发完毕的大型网站进行暗黑模式切换，强烈推荐！...

前言 2023年的第一周文章，整理一下自己使用electron，peerjs实现音视频通话的过程,新的一年与大家共同进步......

在前面的文章中已经向大家介绍了如何构建信令服务器。但构建的信令服务器是如何工作的？那些消息需要信令服务器控制和中转？这些此前并没有做详细的说明，而本文将对这些问题做详细的讨...

WebRTC会使用ICE/STUN/TURN等技术进行网络连接，本文就将从宏观的建连过程和底层工作原理，介绍WebRTC的建连过程。...