F_Director

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

不同于大多数 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的“正则匹配+...

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

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

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

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

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

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