芳香茗的方

DLL是“动态链接库”的意思，假设项目中用了 react 、lodash，这些静态资源可以被单独打包，且独立于项目。这样每次主项目打包的时候，都可以直接使用过打包好的 re...

看了一些讲解 v-for 中加 key 的文章，发现都描述的很笼统，甚至有很多不准确的，那不妨自力更生，这次直接从 vue3 的源码入手，带你了解真相，洞悉真理。 注：全文...

Vue3的computed原理；computed源码层解决的问题；为什么能实现响应式变量改变，触发watch或者模板更新？...

文章分为3个章节，前两章先讲webpack性能优化的各种理论，第三个章节再讲我对部分理论的实操，分享减少打包时间95%的经历。 webpack优化无非就是两个大方向：提升编...

单点登录是什么？你是怎么理解的？单点登录是如何实现的 普通登录 提到单点登录，首先可以想到传统登录，通过登录页面根据用户名查询用户信息，判断密码是否正确，正确则将用户信息写...

不同于大多数 qiankun 文章的尝鲜或者用法介绍，这篇文章会完整的介绍真实项目里如何使用 react 和 qiankun 落地微前端接入以及实现相关的单点登录功能，包括...

从微前端的基本实现原理出发，讲解`single-spa`的使用方法，并通过手写一个简化版的`single-spa`来加深理解，最后分析`single-spa`在实际应用中的...

本文介绍了 Webpack 中 DllPlugin 插件的使用，以及配合使用 AddAssetHtmlPlugin 将构建好的 JS 文件插入到 html 页面中。 DLL...

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 背景 大家平时在查 webpack构建体积优化 ，可能都会查到 tree-...

本篇文章从 什么是 Tree Shaking、如何使用 Tree Shaking、Tree Shaking 的原理：usedExports 和 sideEffects 以及...

为什么开发时总有一些状态没有得到更新，明明已经更新了状态？挠破头也想不明白。 这时你可能已经陷入了一个React新手朋友常入的坑点——闭包陷阱。 想要理解这一点，还是要从原...

公司的技术栈是 `react`，但是其实使用了这么久的 `react`，对于 `react` 的实现原理还是两眼一抹黑，于是一个月来都在通过各种文章视频来了 `react`...

React Transition Group 是一个 React 库，用于管理和处理在 React 应用中的过渡动画效果。它提供了一组组件，可以帮助你在组件的进入和退出时应...

前言 vue的 provide/inject 也是一种实现组件之间依赖注入的方式，但是他也会存在一些痛点。 依赖注入层级关系不明确。提供的值可以被任何后代组件访问到。这种方...

微前端借鉴了微服务的架构理念，将一个庞大的前端应用才分为多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，再将这些小型应用联合为一个完整的应用。...

1、前言 在 Vuejs 中，内置了 KeepAlive组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab组件，如下代码所示： 可以看到，根据变量...

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