eason_fan

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

在前端项目中，代码质量检查是保证项目可维护性的重要环节。`oxlint` 和 `eslint` 是两个常用的代码检查工具，`oxlint` 以其快速的性能著称。...

最近面试了武汉的作业帮，一面二面很顺利以深挖项目为主，手撕代码给了两道很简单的题，三面给的题目也不难。面试很顺利。...

qiankun 框架是阿里巴巴开源的一款基于微前端架构的解决方案，基于Single-SPA 的二次封装，提供了更完善的开发体验和开箱即用的功能。本文简述了qiankun的特...

推荐一个js事件循环可视化神器，新手利用这个网站可以很好的模拟js内部执行流程，对于理解js事件循环和任务队列很有帮助。...

今天面试了拼多多的前端岗位，考了四道笔试题。笔试有点慌，答得一般。分享给同行看看，希望你遇到了能全过！...

最近在面试中被问到了网页中常见的图片格式，答得很零散。本文详细介绍下前端开发中常用的图片格式，以及常见的图片压缩方法。...

Tree Shaking 和 ESLint 的 `no-unused-vars` 规则都是常用的性能优化方式，两者的实现原理其实都是基于AST。本文将从性能优化的角度，通过...

【前端面经】金三银四即将到来，前端同学看过来！笔者整理了近两年来自己的面试经历，和大家分享一下，给 1-3 年经验的前端同学看机会找工作的小伙伴做一个参考，希望对你们有所帮...

上一节，我们讲到了编译时vue如何转换标准AST中vue独有的属性、指令（例如v-for、#slot）等内容。本节，我们来分析一下转换后的AST最终如何生成代码。...

React Native 开发环境搭建与项目启动 前言 最近想学习下移动端开发，鉴于百词斩用的不顺手，正好开发一个app供自己记单词。记录下如何搭建ReactNative开...

转换器（Transform）是 Vue 编译系统的核心组件之一，它接收解析器生成的原始 AST，通过一系列转换步骤，生成优化后的 AST...

上一节，我们讲到 vue 的编译器`compile-core`由三个部分组成：解析器、转换器、代码生成器。那么本节我们来详细分析解析器的实现原理，弄清楚解析器如何将模版解析...

上一节，我们梳理了 vue 的编译流程，vue 借助 vite 插件在构建中实现编译。而 vite 插件又引用了 vue 源码中的`compiler-core`模块，本节分...

在日常开发中，当我们启动一个 Vue 项目时，首先会经过构建工具的处理。Vue 项目普遍使用 Vite 作为构建工具，它能够高效地处理 .vue 单文件组件。让我们从这里开...

通过前面的文章，我们已经分析了vue3的响应式系统、render流程、diff算法、生命周期。本节，我们来总结一下vue3源码中涉及的性能优化方法。...

Suspense 是 Vue3 新增的一个内置组件，用于处理异步组件和异步依赖。本文将深入分析其实现原理，理解 Vue3 是如何优雅地处理异步加载状态的。...