Day: 2023年3月29日

拖放表格行

在查看此示例之前,建议访问此帖子以了解我们如何在列表中拖放元素。

现在我们可以使用相同的技术应用于表格行。基本思想是

  • 当用户开始移动表行时,我们创建一个项目列表。每个项目都是从表的每一行克隆的。
  • 我们在与表格相同的位置显示列表,并隐藏表格。
  • 在这一步,移动行实际上是移动列表项。
  • 当用户拖动一个项目时,我们确定目标项目在列表中的索引。并将原始拖动的行移动到与结束索引关联的行之前或之后。

HTML 中的模板

在 Twitter 上根据Manuel Matuzović 最近的一篇文章进行了热烈的讨论之后,我认为值得在这里写一些简短的想法。今天,我们快速浏览一下该<template>元素以及它如何派上用场。

所以简单来说,<template>HTML元素就是用来存放还没有被使用的HTML的。元素本身及其所有内容都是不可见的,因此它基本上可以出现在文档中的任何位置而没有太大风险。尽管您通常会在根级别拥有模板。