冯雨

前言 作为一个前端切图仔，工作中少不了用上 Babel，ESLint，Prettier 这些工具，但是这些工具背后的工作原理却不求甚解😅 ，最近才尝试去了解一番，没想到发现一个全新的世界，那就是 AS

什么是「垃圾」代码? 权限管理场景中，我们经常会根据权限码的不同来调用不同的接口，或者展现不同的UI界面，以实现功能的灰度测试，在新功能稳定运行之后，全量开放。

总之。。。 这不是我的错！ 首先先要写个案例，找到一个可执行方案。 唯一的方案是基于AST（抽象语法树）解构代码，根据Vue官网给出升级文档的修改建议，批量修改输出文件的方案。 只是。。。AST操作有点复杂。 一. 利用 jscodeshift 操作 AST去掉console.…

“代码分析转换”本来在前端开发中是一个比较小众的技能树，我所在的阿里妈妈前端技术团队（MUX）也是在大量业务的迁移架构的过程中遇到了需要批量转换代码的问题，所以对原理和工具进行了一些研究，最近发现社区里不少对此的讨论的文章也得到了大家的关注，所以也打算在此多分享一些我们的经验。…

更多小诀窍会在官网持续补充。如果对于以上case有疑问或者新的问题，请写在评论区，我们会很快回复～ 接下来还会发更多AST代码转换的专题文章，请持续关注阿里妈妈前端快爆。

利用正则表达式，我们还是可以搞定很多需求的，但这样真的能包含所有情况么？有的同事是真的喜欢回车。 这种情况下，如果面对更复杂的需求或者严谨的场景，要么我们编写更复杂的正则表达式，要么我们就不得不去硬肝 AST 操作了。 这需要大家对 AST 结构比较熟悉，在编写的时候需要对着解…

这篇文章是 React 架构演变的第二篇，上一篇主要介绍了更新机制从同步修改为异步，这一篇重点介绍 Fiber 架构下通过循环遍历更新的过程，之所以要使用循环遍历的方式，是因为递归更新过程一旦开始就不能暂停，只能不断向下，直到递归结束或者出现异常。 React 15 的递归更新…

如果你玩了几小时的 React Hooks，你可能会陷入一个烦人的问题：在用 setInterval 时总会偏离自己想要的效果。 老实说，我觉得这些人是有一套的，至少为此困惑了。 然而我发现这不是 Hooks 的问题，而是 React编程模型 和 setInterval 不匹配…

WebKit 已经实现了 ResizeObserver API，此前该 API 已被 Chrome 支持。通过 ResizeObserver 可以监听元素盒子尺寸的变化。🔗 Scroll-linked Animations 进入 W3C 非官方草案。通过 Scroll-lin…