东颌子

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

1. 如何学习调试源码 2. 如何开发构建一个ts的 npm 包 3. 如何配置 github action 4. 配置属于自己的 eslint 预设、提升版本号等 5. 学会使用execa执行命令

1. Vue2 源码 shared 模块中的几十个实用工具函数 2. 如何学习源码中优秀代码和思想，投入到自己的项目中 3. 如何学习 JavaScript 基础知识，会推荐很多学习资料 4. 等等

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

1. 学会如何实现一个比较完善的 delay 函数 2. 学会使用 AbortController 实现取消功能 3. 学会面试常考 axios 取消功能实现 4. 等等

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越不对劲，感觉有诈！这是要考察啥？ 这里4怎么跑到3后面去了，不讲武德？ Why...... 在我看来，这道…

我微笑着回答：“没有区别，它们是一样的。” 但是面试官笑了，“不，它们不一样。” 之后我回到家打开google查找答案。这篇文章就是我google后的总结。 在深入探讨区别之前，我们先来讨论下“观察者模式”和“发布订阅模式”。 我认为大多数人都会同意观察者模式是学起来最好入门的…

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型…