字节架构前端

Wasm 和 JS 并不是竞争关系，而是互补关系，随着 Web 功能越来越强大，对性能的要求也越来越高，Wasm 可以让 C/C++ 等更底层语言直接运行在浏览器上从而获得...

背景 通过分享 Go 语言在 ConfigHub 服务中的使用场景，将 Go 与 JS 中的术语、编程技巧、服务框架进行对比，帮助前端同学快速入门 Go。...

一、Git原理 Git 合并原理 Git的合并策略是多种纬度的： 有我们平时常用的：分支合并 以及分支合并的基础：文件合并 还有我们查看Git log tree时候：Git...

AST 初识 什么是 AST Abstract Syntax Tree，抽象语法树，是源代码结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源...

在 Three.js、Oak3D、PhiloGL 等一批图形库的“引诱”下，很多人放弃了基础知识，直接开始操控这些成熟的 WebGL 3D 引擎。那些一直坚持学习 WebG...

REST 介绍 解释 英文：Representational State Transfer 白话：表现层状态转移？ 背景 首次出现在2000年 Roy Thomas Fie...

一、装饰器简介 1.1 什么是装饰器 一句话：装饰器就是一个接收特定参数的函数，使用@函数名可以对一些类，属性，方法等进行装饰来实现一些 运行时 的 hook 拦截机制。 ...

前言 目前网络上很多 GraphQL 入门文章, 但缺少一些全栈的工程化落地指导和性能优化的文章. 本文会先简单带大家简单过一下 GraphQL 简介和规范、前后端如何配合...

什么是 Web 路由？ 一个比较直观的解释：路由就是 URL 到函数的映射。 服务端路由（Server-side Routing） 对于服务器来说，当接收到客户端发来的 H...

对于 Jest，你是否很好奇： 底层流程、原理是什么样的？ mock 和断言里面有哪些神奇操作？ 如何针对 Jest 做自己的扩展？ 横向对比 Vitest 框架有什么优劣...

背景 随着中国企业级SaaS行业发展进入成长期，企业直播市场进入稳中求进的深耕发展期。同时也随着企业客户对于直播产品的质感要求不断提升，也驱动着业务提供更好体验的播放体验。...

引言 WEBRTC 于 2021 年 1 月被 W3C 和 IETF 发布为正式标准后，已经应用在了很多方面，有些还做出了很不错的产品。下面是最近学习 WEBRTC 过程中...

介绍 创意魔方是 ImageX 提供的一个图片编辑与合成组件，在需要生成大量类似海报、图片的情况下，只需要创建好通用的样式，就可以通过使用不同的参数调用 OpenAPI 生...

通过对 Git 底层 API 的使用来了解其存储结构与工作原理，通过了解工作原理可以帮助我们更好地解决各类 Git 代码版本管理操作上的问题。...

什么是 WebGPU WebGPU 是一套全新的 Web API 标准，旨在提供高性能 3D 图形和数据并行计算能力，暴露了一系列现代 GPU 能力。基于成熟的 Vulka...

一、背景 预加载可以在网页全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。但是，一些情况下，我们还需要对预加载的资源优先级进行进一步的划分。预...

概述 无论是为了更高效的团队协作，还是改进代码管理，Monorepo 都是一种有效的方案。本文用「5W1H」带你了解以下内容： 「What」什么是 Monorepo ？ 「...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

菲茨定律 Fitts' Law 费茨法则 是一个人机交互以及人体工程学中人类活动的模型，它预测了快速移动到目标区域所需的时间是目标区域的距离和目标区域的大小的函数。费茨法则...

写在前面 状态管理库伴随着数据驱动类框架诞生以来，一直都是个带争议的话题，社区里关于这个方向的讨论文章也是数不胜数，本文写作的目的并不是去详细解答每一款状态库的设计原理和最...