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

`CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~

前言 缓存组件的本质实际上还是缓存html，至于说html使用到的事件和变量，由于无论是Vue还是React都是使用Document API来创建的html元素，所以html元素是可以通过闭包获取到自

前言 ui评审会上，ui小姐姐问我这个图表能做嘛 我一看，天塌啦！ 做这么麻烦的图不得手撸canvans，还怎么愉快的摸鱼，但是👨又不能说不行，只能开干了 需求分析 我需要实现的功能： 图例显示 ：

需求描述 在一个容器元素下，有不确定数量的子元素，要求他们水平铺满，并且在当前行的最左边和最右边的子元素距离父元素左边缘和右边缘都是无缝贴合的。 每个子元素之间的间隔必须一致。 当浏览器窗口大小变动自

需求分析 我们需要一个函数，它能： 接收一个异步任务数组。每个任务都是一个函数，调用后返回一个 Promise。 接收一个并发限制数 limit。 确保同时运行的异步任务数量不超过 limit。 当一

在现代AI对话系统中，逐字输出效果已经成为提升用户体验的关键手段。通过流式返回，AI能够逐字或逐块生成响应，模拟人类对话的自然节奏，减少用户等待时间，并提供更流畅的交互体验

ESM Bundleless 开发，是指使用 ESM 模块化标准，不经过构建工具打包，实现直接在浏览器中运行 Web 应用。v-md 作为一款在线 markdown 编辑器，实践了这种开发理念。

们在前端开发中，当遇到图片或头像上传等功能时，有尺寸分辨率限制的话，就需要用到图片的裁剪功能。而canvas的使用，对于我们直接在web端实现图片裁剪功能成为可能。