啊好气啊

接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 我们来继续分析。这篇文章主要来看一下动态引入，允许我们引入的模块名包含变量。...

这篇文章不涉及 Webpack 的原理，只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物，读完后会对模块系统有个更深的了解。...

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时...

Vite 背景 这里的背景介绍会从与Vite紧密相关的两个概念的发展史说起，一个是JavaScript的模块化标准，另一个是前端构建工具。 共存的模块化标准 为什么Java...

本篇博文将从渲染函数讲起并实现一个简单的渲染函数，接着详细梳理双端 diff 算法的实现，辅助大量代码从而帮助你更好地理解，最后详细的总结了 diff 流程。...

i18n ally 是一款轻量且功能强大的可视化编辑插件，提供了增删改查、视图审阅、在线翻译等功能，极大地提高了开发者翻译多语言的效率。 本文分享如何使用该插件，并带大家手...

前言 兄弟也是好起来了，又又有大厂面试了。 面试过程： 一、自我介绍 这个自我介绍我之前在面试文章中提到过，大家可以翻翻查看。 二、实习经历 面试官看到我目前在一家公司实习...

这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。...

什么是Block？ Block是一种特殊的vnode，它和普通vnode相比，多出一个额外的dynamicChildren属性，用来存储动态节点。 什么是动态节点？...

一、为什么需要 Symbol？从 JavaScript 的属性冲突说起 假设你在开发一个团队协作的项目，你定义了一个对象并添加了属性 name： 这时另一个开发者也向这个对...

Symbol是什么？ Symbol（符号）是ES6引入的第七种原始数据类型，用于创建唯一的标识符。它的核心特性是：每个Symbol值都是独一无二的！！！，即使它们的描述相同...

react 18版本的基础使用，主要描述了函数组件的使用、 React-Router-v6 路由的使用、redux等的使用...

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 前言 bigo作为全球化的互联网企业，产品体验要求国际化，本地化...

ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务...

SharedWorker 是一个新的Web Worker API，它允许你在多个页面之间共享一个Worker。 SharedWorker 代表一种特定类型的Worker，可...

当时面试官问我：'前端跨标签页通信有几种方案？各自适用什么场景？'我大脑瞬间空白——毕竟平时只会用 localStorage 乱怼......

本文通过分析Access Token 和 Refresh Token 的配合流程和安全要点，得到正确管理和使用Access Token 和 Refresh Token的方法...

目前也用无界微前端很长时间了，但是在这段过程也遇到了很多问题，甚至有些就是无界目前解决不了的问题，所以希望大家今后遇到了也能提前避免...

前言 本文从多个角度对比 React ，但多以实践为主，特别适合写过 Vue2 和 React 18，但是又没写过 Vue3的同学 差异...