我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

这篇文章源自我历时8个月，整理的前端知识体系与大厂面试笔记，不知不觉，已经超过了10万字 这些笔记帮助我从一个菜鸟，一步步蜕变为高级开发、前端“砖家”，并助力我拿到一些大厂的offer

背景 目前很多前端项目虽然采用了很多新技术，但是最终还是会被编译成es5，这样就能在较低版本的浏览器中运行了，但现实情况是现在的浏览器都已经比较成熟，压根不用编译成es5再运行了，而谷歌一位工程师在1

前言 我习惯通过阅读官方文档，提出自己的猜想，再实践官方实例验证猜想，最后再结合现代框架及工程化工具的应用来学习babel的使用和运行原理，以此期望能对babel有更全面的认识。本文是对学习过程的整理

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。打包分析，结果如下： 第一步

在使用 antd 的组件 Table，使用嵌套表格时，希望能做到内外表格宽度能够对齐，于是设想将内外表格的宽度保持一致，结果发现对于 table 元素而言，设置单元格的

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

大家好我是来蹭饭，一个会点儿吉他和编曲，绞尽脑汁想傍个富婆的摸鱼大师。 今天跟大家全面解析webpack loader从概念到手写到原理一条龙给你整明白，抓紧进屋，享受一条龙的服务！