字节架构前端

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

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

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

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

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

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

前言 本文探索了使用SharedArrayBuffer（以后简称sab）、web worker、Atomics API进行多线程编程的可行性，并构建了一个视频处理场景进行对...

背景 debug的重要性对于我们来说不言而喻，那debug背后又有多少协议在做着默默地付出呢，这也主要是本文要介绍的内容。 Node Debug Debug的划分 如何de...

背景 目前对WebAssembly的使用主要是做计算密集型的工作，比如软解播放通过WebAssembly计算提供解码能力，WebAssembly执行完全依赖CPU计算，不能...

Web多媒体 基础知识 编码格式 图像基本概念 图像分辨率：用于确定组成一副图像的像素数据，就是指在水平和垂直方向上图像所具有的像素个数。 图像深度：图像深度是指存储每个像...

一个经典的问题： 从输入URL到页面显示中间经历了什么？ 在分析整个流程前先了解下浏览器的整体架构 浏览器进程 主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。...

Node.js 进程退出全知全会 背景介绍 在我们的服务发布后，难免会被运行环境（如容器、pm2 等）调度、升级服务导致重启、各种异常导致进程崩溃；一般情况下，运行环境都有...

什么是 Language Server Protocol (LSP)？ 首先根据官方解释 https://microsoft.github.io/language-serv...

前言 首先介绍一下 Live reloading 和 Hot reloading 的区别： Live reloading: 修改文件之后，Webpack 重新编译，并强制刷...

前言 lint 工具用来检查编程错误，最初是从 C 语言中发展起来的。在 C 语言最初时期，编译器无法捕获一些常见的编程错误，因此开发出了一个叫做 lint 的辅助程序，通...

序言 在上一讲的分享《编译技术在前端的实践（一）——编译原理基础》中，我们介绍了编译原理的最基本概念，并结合表达式计算器的例子介绍了手工编写递归向下解析器的方法。 但在前端...

前言 本文通过从0开始编写一个electron小项目，使读者能够在短时间内了解electron项目的开发和基础概念 环境准备 nodeJs 使用淘宝镜像或者公司镜像安装el...

什么是 Language Server Protocol (LSP)？ 首先根据官方解释 https://microsoft.github.io/language-serv...