XxjzZ

理解副作用是深入理解现代前端框架的前提。 副作用（side-effect）是指让一个函数变得不再纯净（pure）的东西。一个纯净的函数，无论何时何地（any time any wherer）执行，都会得到稳定的结果，这对保障程序的稳定性和性能都有极大的帮助。那么反过来，如果一个…

我们的业务主要是做一些中后台的前端项目，有两个特点：生命周期长、代码量庞大，这带来了技术栈落后、编译部署慢两个问题。虽然我们之前在编译缓存上做了些努力，但是治标不治本，在项目极大的情况下编译时间还是不够理想。因此，微前端应该是唯一的解决方案了。 于是我们做了一些微前端的技术调研…

类型约束是类型提示的基础，正因为有了类型约束，类型提示才能正常工作。类型约束越严谨，类型提示就越精准。而定义一个严谨的类型约束离不开泛型。下面我们通过几个例子，来了解下泛型在类型约束中的作用。 现在我们约束key为keyof S也就是S这个泛型的所有key的取值，这样智能提示就…

自从React Hooks出现之后，批评的声音不断，很多人说它带来了心智负担，因为相比传统的Class写法，useState/useEffect的依赖于执行顺序的特点让人捉摸不透。与此相对的，在Vue3 Composition API RFC 中，我们看到Vue3官方描述Com…

Suspense技术起初是为了加载异步组件，但逐渐应用到了所有异步过程中。其中，异步请求是Suspense最主要的使用场景。在不远的将来(React17/Vue3.1)，基于Suspense的开发模式将成为主流，同时用户体验也会随着Suspense的使用得到优化。 Suspen…

随着Babel、TypeScript、VueLoader、Terser等编译、转译技术的大规模使用，Webpack的编译时间正不断膨胀。为了优化编译速度，社区主要有两种方案： 这些方案在一定程度上解决了编译速度慢的问题，但随之而来的是成堆的配置，严重影响了Webpack的使用体…

近期在阅读相关文章的过程中，我的内心燃起一团火，它逐渐照亮了我一直以来因为“前端缺少完美的微前端工程架构”而失落的心，我想我必须写下一篇文章来记录我此时此刻的心情。 此时此刻，我认为前端工程化将崛起，以往困扰着我们的“如何在多个项目中复用代码”的问题，得到了完美的解决。前端之于…

我们渲染列表的时候，都知道要用数据的id值作为key，避免潜在的问题。但是总有一些情况，我们就是拿不到合适的key值，那么这种情况该怎么办呢？ 对于第1种方案，在 《什么情况下Vue使用index作为key会出问题》这篇文章中有过分析，简单来说就是如果你要对这个列表进行增删的操…

在动态删除v-for渲染的列表的过程中，如果key指定为index，则可能出现渲染错乱的问题。比如，你的列表有两行，你明明删了第一行，结果却是第二行消失了。 问题源于key的重复，假设你的列表有两行，当你删了第一行，那么第二行的key就变成了第一行的key，这两个key是相同的…