目前ai浪潮如火如荼，相信各位同行都接过不少 AI 项目。今天和大家分享一个实用场景：如何用 Vue3 实现类似豆包的模板式智能输入框。

很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

Masonry.js在 github 上非常火, 目前已有 16.3k star, 有很多网站都采用它的方案实现瀑布流布局. 在**文末**我会附上这个开源项目的地址, 方便大家学

Dnd Kit 是一个轻量级、模块化、高性能、易于访问和可扩展的 React 拖放工具包。它可以让你轻松拖放组件。

引言： 面试官：“Vue 的 keep-alive 用过吗”，“keep-alive 的源码有看过吗？它的原理是什么？” 当然，Vue 的 keep-alive 是一个非常实用的内置组件，主要用于缓存

VTable-Gantt是一款强大甘特图绘制工具，能够帮助开发者轻松创建和管理甘特图。高效，灵活，强大， 丰富的可视化能力

瀑布流布局（Waterfall Flow Layout）通常用于展示不同高度的内容块，使它们像瀑布一样从上到下排列，但又能充分利用页面空间，使得整体看起来更加美观和动态。

它是由Atlassian 公司出品。一个关注性能的拖放库，可用于增强前端用户体验。看Pragmatic这个名字的中文含义：“实用主义的” 就显得与众