Sure_TA

重绘和回流（Repaint & Reflow），一个第一眼能唬住新手（比如我）的专业名词。当我快快乐乐的搜索相关文章想好好学习天天向上的时候，却发现几乎都是在介绍xxx会触发回流重绘，却不告诉我在哪查看，搞得我一脸懵逼。于是这篇💧文章就出来了。 本文参考了非常多的资…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

点击s2，click事件从document->html->body->s1->s2(捕获前进)这里在s1上发现了捕获注册事件，则输出"s1 捕获事件"到达s2，已经到达目的节点。 但是，stopPropagation方法只会阻止【该元素的当前事件（冒泡或者捕获）】的传播，不会阻…

可能有人会奇怪一个 EventLoop 还能写出什么，且听我慢慢来逼叨，看完这篇文章带你搞定 Event Loop 以及它相关的一些知识点。 在开始说 Event Loop 之前，我们先来认识一下它到底是个什么东西。 上面这段是Wikipedia对 Event Loop 的解释…

对于浏览器而言，有多个线程协同合作，如下图。具体细节可以参考一帧剖析。 对于常说的JS单线程引擎也就是指的 Main Therad。 注意以上主线程的每一块未必都会执行，需要看实际情况。 先把 Parse HTML -> Composite 的过程称为渲染管道流 Renderi…

现在面试文章已很多，更不觉得新鲜，本文可能有点不同，正因为“多”也就才有了本文的输出。 相信很多前端小伙伴也包括我在内，面试前都要做一些准备，而做做面试题是最平常不过的事儿了，然而每次面试前都要现找面试题，而且答案也不是现成的，其实这样重复的事情在不知不觉中浪费你很多时间。 也…

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…