芳香茗的方

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

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

watch侦听器一直是 Vue3 响应式系统中不可或缺的组成部分，他能实现对响应式变量的监听，有immediate、deep和 flush 等配置。你知道项目中每一个wat...

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

我对图片预加载概念的理解；浏览器对图片加载的时机，及借此实现的预加载思路；我的 Vue3 hook + directive 预加载策略的实现详解。...

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

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

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

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

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

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

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

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

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

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

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

1.概述学习element-ui的源码能很好的提升vue的水平,但是element-ui中el-table的源码很复杂,并且组件的写法用的是render函数方法,而不是vu...

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-mid...

前言 闲言少叙，先来瞅瞅小程序的双线程架构图： 今天的分享主要聚焦于渲染层。 小程序是如何实现快速渲染的？ 在回答这个问题之前，我们首先要清楚，小程序不是像vue和reac...

为什么要掌握小程序？有招聘需求，现在部分团队会有专门招聘小程序开发工程师，toC的产品招聘前端一般也会要求掌握微信小程序，有相关小程序开发经验。...