前端精酿

字节跳动 Web Infra 团队在这个月开源了 RSPack，一个基于 Rust 编写，与 Webpack 生态系统兼容的新的构建引擎。目前，RSPack 已经兼容了 Webpack 的主要配置

本文主要介绍React Hooks的常见的几个问题与最优实践，同时介绍一下随着React V18版本的API的变化，希望看完这篇长文解析文章，可以让你可以优雅的使用React Hooks

antd正式发布了5.0版本，笔者是antd重度用户，公司的B端业务组件就是基于antd定制开发的，在5.0发布之前，也在一直在关注beta版本，让我们一起看看5.0在技术上引入了什么新的变化吧

最近在升级团队云构建的工具，由于构建任务的状态跳转很复杂，早期的IF-ELSE写法已经无法满足任务管理的扩展了

Block Formatting Context，中文直译为块级格式上下文。 什么是BFC BFC 就是一种属性，这种属性会影响着元素的定位

本文详细介绍浏览器渲染过程。 渲染引擎的详细介绍 渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容

对于web前端开发者，浏览器再熟悉不过了。我们可能都知道浏览器含有一个渲染引擎，浏览器会根据 HTML文件来进行解析与渲染，最终再将页面呈现

相信每个用过 webpack 的同学都对“打包”和“压缩”这样的事情烂熟于心，但是有些时候，我们在打包时会发现问题，构建的时间过长，打包体积过大

网络优化是大有可为的，比如使用缓存、http传输压缩、减少http请求数目，以及dns发散与dns收敛的不同作用等等

前端性能的优化包含很多方面，包括但是不限于用户打开的速度，它应该包括诸如工作效率、速度性能、稳定性、响应式、兼容性、搜索SEO、信息无障碍等等

这是我参与更文挑战的第13天，活动详情查看： 更文挑战 由于项目马上上线了，之前并没有考虑到用户行为轨迹的分析。最近刚好准备更新下前端的性能监控平台，正好做一下，顺便系统分析一下前端路由的实践

这是我参与更文挑战的第11天，活动详情查看： 更文挑战 随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且,写起来也是很复杂

汉诺塔是一个印度的古老传说。有三个圆柱，其中一个圆柱上放着若干圆盘，这些圆盘从上到下，直径递增，利用一个辅助圆柱，将原来柱子上的圆盘放到另一个

排序算法可以根据实现原理主要分为基于比较与基于桶排序，这里主要说明了10个经典排序的原理与实现方式。 冒泡排序 冒泡排序（BubbleSort）是一种简单直观的算法

本身 HTTP 就是一个无状态的协议，但是有时候我们又有需要增加状态的需求，这个时候延伸出来了 Cookie，利用 Cookie 可以让传输的时候保持一些状态信息

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。const声明一个只读的常量。一旦声明，常量的值就不能改变

缓存可以减少网络 IO 消耗，提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段。 对于这个操作的必要性，Chrome 官方给出的解释似乎更有说服力一些

事件冒泡与事件捕获是描述事件触发时序问题的术语，事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件

h5提供了两种在客户端存储数据的新方法 localStorage-没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储（关闭网页后数据不再保存)

预载入 在android混合开发中，webView的html页面在加载本地的图片的时候，假如图片过大（存储尺寸或者显示尺寸），经过测试，在手机上也可能出现界面加载闪烁