字节架构前端

一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot Module Replacem

背景 Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务端编解码能力更强，导出速度更

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

前言 前端框架一路走来，从最原始的DOM操作，到jQuery-like之类的DOM操作工具库，再到后来的AMD、 CMD模块化开发，以及后续涌现出的一系列MVC、MVVM框架等，本质都是为了让前端开发

背景 初学者怎么用react-three-fiber实现一个炫酷粒子效果的首页 Three.js工作原理 场景(Scene)、相机(Camera)和渲染器(Renderer)构成了web端展示3D模型

WebXR 是一组支持将渲染 3D 场景用来呈现虚拟世界（虚拟现实，也称作VR）或将图形图像添加到现实世界（增强现实，也称作AR）的标准。 通过该 API 可以访问 VR/AR 虚拟设备和跟踪用户姿态

react18新特性 一、 Render API 三种入口模式 legacy 模式： ReactDOM.render(, rootNode)。没有开启新功能，这是react17采用的默认模式。 blo

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per

小明是个个人开发者，自己准备写了个论坛，基本业务快写完了，要来处理下用户认证逻辑。 之前没搞过啊，上网找找看。好，有个 basic auth，看起来很简单啊，就这么干 basic auth 认证流程