字节架构前端

本篇文章的目的：不会平铺去介绍 Devtools 的使用方法，而是通过分享一些实用的小技巧，帮助大家更愉快的使用 DevTools 工具 来进行日常 Debug。...

我们都知道了CDN就是以空间换时间，从离用户最近的服务器返回资源给用户，从而达到缩短资源返回时间的目的。这过程中不得不提到缓存，有缓存这个副本存在于各地的服务器上，是上述目...

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体...

除了响应速度的提升，缓存还会带来一些附加收益： 高并发，高可用。因此我们在系统中面临性能、稳定性问题的时候都可以考虑使用缓存架构进行处理。...

根据容器大小，动态调整可见标签的数量，并且把不可见的标签折叠到一个特殊的标签内，这就是「标签溢出省略」...

在 Stephen Few 的书中指出：Dashboard 对重要信息做视觉呈现，这些重要信息是为了达成一个或者多个目标而被统一组织在一屏内，以便能被够用户一眼囊括。...

有的同学遇到过类似的情况，如浏览器 tab 失去了响应，又比如在编译的过程中报出 heap out of memory 的错误。这里面其实都是内存占用满了导致进程退出的情况...

这篇文章将会带你认识 jscodeshift ——一个超级实用的代码转换工具，你可以用它实现大型代码重构、升级等工作。...

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 过程中...