你是否曾苦苦等待一个几G的大文件上传，却在进度条到99%时因为网络波动而崩溃重来？在现代Web应用中，传统的单次上传方式早已力不从心。本文介绍作者使用的一个 生产级的解决方案

以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的时间，通过参考一些文章，学习了HTTPS整套机制的实现，想要通过一篇文章把我学习到的东西总结出来，让更多之…

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

前端：vue 2.x + elementUi 为基础搭建的 后端：Node + Koa2 等库为基础搭建 对于大文件上传考虑到上传时间太久、超出游览器响应时间、提高上传效率、优化上传用户体验等问题

🧭 重构背景 在现有项目中，日志查询是高频使用模块。但实现逻辑混乱、功能堆叠严重，导致组件臃肿难扩展。于是决定借此机会重构： ✅ 减少重复逻辑 ✅ 拆分职责清晰的组件 ✅ 提高维护性与复用性 📋 功能

作者最近在学习headless组件的设计思想，准备从零开始搭建简易headless Tabs组件（参考headlessui库的设计思想）即无 UI 组件，框架仅提供逻辑，UI 交给业务实现。

需要实现一个双侧树穿梭框(目前仅支持单层树结构)。即穿梭框的左右两侧皆为节点树结构。且支持双侧的搜索、全选、穿梭。在完成此需求时，遇到了许多问题和坑点，在此记录分享。基于antd Transfer实现