光明的追求者

在这之前 首先要了解浏览器的原理 这能让你更加深刻的了解问题 也能够让你站在更高的角度去理解前端。。...

大家好，我是寄松，无论是在工作中还是在日常面试中，React中的redux就像是我们一个最熟悉的陌生人，今天我就带着源码来细细讲解一下redux原理吧。lets go。...

Vue创建AST的过程，正是将template字符串解析为AST节点树的过程。这方面逻辑十分复杂，笔者经过自己研究，总结出了一套简化流程。可以让大家理解Vue的“正则匹配+...

一图让你了解single-spa运作原理。其实并不复杂，记住常见问题，你能对qiankun的原理学习有极大的帮助...

一文让你了解Vue3中，VNode到DOM时如何进行转换的。阐述了Vue是如何创建实例，在createApp时候都发生了什么，又是怎么将组件渲染成DOM的？...

项目中打包的产物那么多，你有没有看过打包出的runtime是怎么一回事？ 看看webpack是怎么用朴实无华的纯JS，实现浏览器端模块化的。...

伪代码+流程图让你了解webpack的hmr实现原理。hmr是devServer和bundle产物联合实现的结果。...

本文是H5应用的埋点开发方案，基于该模式可以思路清晰的在项目中实现点击、曝光、浏览、自定义埋点。 指令式的埋点使用方式同样非常便利。很适合对埋点开发较少的小白参考，同时可作...

书接上回《拥有设计理念的H5埋点方案实践（上篇）》 在上文中，我们已经实现了“埋点”实例——SpmStat的创建，具备了最基本的指令式上报的能力。 本文基于上文的解决方案，...

本文着重讲解了Vue3组件更新是符合实现的。也就是instance.update的patch更新逻辑。...

一文让你知道Vue3的reactive API、Ref API、Effect函数等概念。他们是Vue3的响应式实现核心概念、...

在 Vue3 的 setup 语法中，不方便使用 Vuex 为 options api 提供的 mapState 和 mapMutaions 辅助方法。可以选择封装hook...

教你如何办成一件大事，教导了我们在做大计划时候，如何躲避超支、超时、超过预算的经验。不仅要做事，还要做对事。...

Vue3 nextTick 本质是优先在本轮事件循环的微任务阶段异步执行逻辑。如果浏览器不支持微任务，则在下一轮事件循环后异步执行。本文将带你了解nextTick的原理及为...

Vue3 中一个组件从创建到挂在，会经过3个重点步骤： 创建组件实例 设置组件实例 创建并执行带副作用的渲染函数（render Effect） 本文将着重讲清 创建组件实例...

让开发者了解微前端框架乾坤(qiankun)工作原理、沙箱、CSS隔离方案。知道微前端都做了些什么。...

了解qiankun中JS沙箱的三种实现方式即优缺点，可以让你快速的认识到沙箱的神奇并不来源于魔法，而是简单的fakewindow的实现。...

现代前端单页应用DCL和L事件不能很好地衡量首屏显示时间了，FP、FCP、FMP被提出来，它们关注的不是加载，而是渲染，因此能更好地表现用户看到的情况。...