尝尝你的优乐美

今天就结合实战经验，聊聊 Vite+Vue3 生态下最主流的 5 种微前端方案，附代码示例和选型指南，看完直接抄作业～...

🍊还在为微前端的通信方式苦恼？那就来瞧瞧吧，手把手教你如何完美的解决应用之间的通信交流，嘿嘿~~~...

大家好，我是 simple，今天跟大家聊聊树形结构转一维数组，谁不会做谁将受制于人，听人差遣。我可以不做，但我绝不能不会做！终有一天我会脚踏着七彩祥云 身披金甲圣衣归来。...

我们都有过这样的需求：将tree扁平化，或者把扁平化的数组转换成一棵树。可能是在后端返回的数据处理，也可能是传给后端的数据处理（不会有人都交给后端处理吧，毕竟我是被打怕了）...

Vue3 + TS 简易封装 Tree 组件，实现基本的展开收缩、级联选择、异步加载、虚拟滚动等效果。...

继承得靠原型来实现，当然原型不是这篇文章的重点，我们来复习一下即可。 对象之间通过 __proto__ 连接起来，这样称之为原型链。当前对象上不存在的属性可以通过原型链一层...

防抖和节流 2021/5/5 参考文章 一. 为什么要用到防抖节流 当函数绑定一些持续触发的事件如：resize、scroll、mousemove ，键盘输入，多次快速cl...

当你的前端项目膨胀到几十个文件时，手动管理依赖就像在迷宫里摸黑行走。这时Webpack闪亮登场——这位细心的构建管家，用精妙的流程设计和插件生态，把杂乱的资源变成优雅的代码...

Tree-shaking 是现代前端构建工具中用于消除死代码（未被使用的代码）的重要优化手段，核心原理是利用 ES6 模块的静态特性（import/export）分析代码依...

从概念、用法、执行顺序、如何开发 loader 和 plugin、源码层面 概述webpack loader 和plugin的区别...

Webpack 是一个非常强大的模块打包工具，它能够处理各种类型的资源文件，并将它们转换成浏览器可以理解的形式。Webpack 的核心功能之一是通过 loader 和 pl...

template模板不如jsx灵活，但是template相比jsx的固定性，可以在编译时获取许多信息，编译出可以在运行时执行尽可能少，性能尽可能好的代码。Vue3性能优化的...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

笔者今年2022寒冬下成功跳槽了阿里，这篇文章就是将自己面试的一些准备、知识总结分享出来~如果这篇文章对你有用，请一键三连（点赞+评论+收藏）...

简单记录一次项目从Vue2升级Vue3的过程，处理router、vuex、element-ui、echarts等升级问题...

前言 侦听属性watch的原理 主要实现方式：当定义一个侦听属性时，Vue会在内部创建一个Watcher实例来监视指定的数据。这个Watcher实例会在初始化时获取初始值，...

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层...

本文介绍了前端importmap的作用与使用场景，包括模块路径别名、CDN加载、构建时external注入、微前端共享依赖等，结合实际示例说明其原理和优势，适用于零构建开发...