使用draggable实现拖拽，并携带参数
2024-02-20在上面的示例中，我们使用v-for指令将items数组中的每个元素渲染为一个可拖动的div元素，并在dragstart事件处理程序中设置要传递的数据类型和值。我们还在放置区域的div元素上设置了dragover和drop事件处理程序，以便在元素拖动到目标区域时触发，并在drop事件处理程序中获取传递的数据类型和值，并根据这些数据更新items数组，从而实现拖放和携带数据的功能。这样，当拖动元素被放置到目标区域时，它将被移动到该区域并从原位置删除，并且可以通过getData方法获取传递的数据。_js draggable、 data-item实现元素拖拽
Axure 基于Echarts，引入动态图表（折线图、柱状图、饼状图等）
2024-02-16以下用饼状图进行演示，其他图形做法相同先看下最终效果： Echarts示例网址：其中，“data-label=Demo”中的“Demo”就是矩形的名称步骤五：替换基础代码中“option = {};” 替换后代码：步骤六：将代码在矩形Demo中引用 保存后运行即可_axure图表插件
jQuery模板字符串
2024-02-14模板字符串可以用jquery插入前端，十分好用，比较模板引擎来说是非常简单比如在框里插入一句话，如下图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width_jq 模板字符串如何写
antd-vue Checkbox Group 封装实现多选、全选、搜索过滤组件
2024-02-14基于antd实现搜索，全选，多选功能，并且支持保存，重置，初始默认选中项。注意事项：我的列表格式是这样的所以需要注意的是checkbox上绑定的value要是code，不然group是找不到对应的值。checkbox-group v-model对应的是选中的arr，格式是[1, 2, 3, 4]这样的，所以保存时候要取交集。_a-checkbox-group
使用 CSS 和 WebKit 属性设置 HTML5 `＜audio＞` 标签的样式
2024-02-09虽然标签本身不提供特定的 WebKit 样式属性，但您可以利用标准 CSS 以及特定于 WebKit 的属性来自定义音频播放器的外观，以符合您的设计美学。总之，虽然 HTML5标签不提供专用的 WebKit 样式属性，但您可以使用标准 CSS 以及各种特定于 WebKit 的选择器为音频播放器实现自定义且精美的外观。尝试不同的样式和属性来创建与您的网站设计无缝集成的音频播放器。-webkit-media-controls-volume-slider-container：设置音量滑块容器的样式。_css如何修改音频播放栏
【华为OD机试真题 JS语言】478、字符串拼接、构成指定长度字符串的个数 | 机试真题 思路参考 代码解析（C卷）（本题100%）
2024-02-08题目描述>给定 M（0 < M ≤ 30）个字符（a-z），从中取出任意字符（每个字符只能用一次）拼接成长度为 N（0 < N ≤ 5）的字符串 要求相同的字符不能相邻，计算出给定的字符列表能拼接出多少种满足条件的字符串， 输入非法或者无法拼接出满足条件的字符串则返回0。-----
antdesignvue表格使用fixed出现空白列——已解决
2024-02-05【代码】antdesignvue表格使用fixed出现空白列——已解决。_a-table fixed 出现空白列
HTML5中的data-*属性
2024-02-03data-*全局属性是一类被称为自定义数据属性的属性，它赋予我们在所有 HTML 元素上。_html data-name
Antd a-tabs组件样式修改
2024-02-03Antd a-tabs组件样式修改。_a-tabs组件
【Bootstrap】Bootstrap v5 Table插件疯狂踩坑记录
2024-01-28一、报错代码<table class="table table-hover text-center" id="table" data-toggle="table" data-search="true" data-pagination="true" data-id-field="id" _bootstrap5 table插件