m0_71207979的博客

前端实现功能：全局图标点击和拖拽吸附侧边功能。点击图标弹出对话框，对话框支持自由拖拽和调节大小。对话框中实现基础问答，复制答案，会话整理等。注意：难在对项目中页面优化适配功能。2.点击图标弹出对话框，对话框支持自由拖拽和调节大小。后端接口实现：对话标题修改，对话内容返回等等。鼠标拖拽，判断距离左右两侧那里更近就吸附哪边。3.处理了自适应问题，确保图标在可视区域内。3.对话框中实现基础问答，复制答案，会话整理。1.全局图标点击和拖拽左右吸附侧边功能。1.处理了鼠标拖拽和鼠标单击的不同。2.实现拖拽和缩放。

vue3+pina1.实现基本对话功能。2.实现聊条记录回显功能。实现分页展示，每次刷新展示最后一页数据，滚动条在最下方展示。3.实现拖拽头部在项目展示区域内任意移动功能。4.实现上下左右鼠标放在边上可以自由放大缩小功能。注：每次实时对话都可以缓存本地，退出登录或者清除缓存就清空。每次联调历史记录对话，为了优化频繁调接口，可以在第一次点开的时候存值后续不需要调用接口。实现效果。

position.x = Math.min(0, Math.max(position.x, 最大右移距离))position.y = Math.min(0, Math.max(position.y, 最大下移距离)）// 确保图片不会移出右/下边界（position.x/y ≤ 最大右移距离）3.缩放拖拽时考虑边界问题，确保背景图在缩放和拖动时不会超出容器边界。// 确保图片不会移出左/上边界（position.x/y ≥ 0）// 计算图片最多能向右/下移动多少（负数）

完成核心：遍历树结构使用Map保存所有节点信息，拿到当前节点，回溯父节点直至根节点。要求：选中5874，要求返回生产部123-部门1-部门2-5874。

需要实现逻辑：1.点击上一日按钮（年月日）日期选择器中的日期进行变化，如下图所示 2.点击下一日按钮，日期对应进行变化。

开箱即用，可以添加修改逻辑，实现更多的功能...

常用正则规则大全：https://any86.github.io/any-rule/

实现效果：指定模块导出。

本文章做一个技术标记，后续遇到相似的功能可以继续使用。

组件封装，进行图片上传。

思路：1.拿到接口返回的所有列表数据，通过分页新建数组用于展示播放的数据。2.每次展示一页数据，快展示完毕（自己定义这个位置）就在展示数组中新增一页，当第一页的最后一条数据滚动过可视区域后就删除原来的一页数据，依次新增数据，并调整滚动位置。3.利用最重要的工具，定时器！调整位置是必须的哈~，大家可以参考一下，如果有更好的方法可以评论区交流~

解决table数据过多加载缓慢，触底加载限制一次加载10条数据【开箱即用】

使用<a-form><a-form-item ：rules=""></a-form-item></a-form>来进行表单排版。只有input输入框，使用@input来对输入的内容进行正则规定。

项目经常使用 用于知识点记录 谨慎参考。

第三：在模板中因为v-for了我们的数据，想要把borderColor传给我们想要的样式对象，可以写一个方法传参，同时给我们的模板返回最终的传参后的对象，此时完成边框不同颜色的实现。首先：我的数据是这个形式的，而且每个butoon的边框颜色都不同。本篇文章用于记录项目中的问题 仅供自己参考 大家谨慎参。第二：使用:style实现，可以先初始化一个样式对象。

本文章只是一个简单的随手记，方便用于日后的反思，大家谨慎参考，有不同见解可以在评论区进行谈论。1.下载使用到的第三方库。

因为name和rules都是动态绑定的数据，rules没有问题，做了一个校验 ，而name这里这样写不能正确解析每一项的具体属性 ，从而和规则对应不上，就会出现校验不通过问题。该文章只用于个人在项目中的问题解决方法记录，本人是个小菜鸟，大家有不同见解可以在评论区评论，大家共同进步！目标：使用ant-design-vue中的form实现动态规则校验。的每一项都有正确的people属性，这样就可以成功实现动态校验啦！能够正确解析每个表单项的。

思考：在回显的时候在carlist中找到对应的数据，把manageForm.carEmissionType回显的值变为carList中的value值，再通过a-select-option中对应的label显示不就行了！但是回显的是一个value（是一个id） 试过给接口中的value手动改为label 但是这样的话在不点击时保存给后端穿的就是改变后的label而不是想要的id。这里后端接口只给了个id 点击操作中的编辑 在下面的弹出框中回显。