拖放表格行

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

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

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

HTML 中的模板

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

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

使用 tcpflow 跟踪 HTTP 请求

PagerDuty 早上很早就出发了,我们的英雄诅咒自己倒霉并接到了电话。他让 PagerDuty 将消息重复两次,但无法理解消息。他按下号码以确认这件事。他打开 MacBook,发现来自 PagerDuty 机器人的 slack 消息信息量更大。他单击了链接,然后将他带到了 Grafana 仪表板。

他盯着红色的心形图标看了几秒,其中一个微服务故障率很高。有一秒钟,他很想更新错误阈值,这样他就可以回去睡觉了。勉强地,他打开 Graylog 并查看日志,注意到 401 响应。他在日志中查找更多信息,但没有找到有用的信息。

DOM 对象的 Javascript 集合 – 为什么我不能使用 Array.reverse() 反转?

这个问题实际上可以用数组扩展运算符轻松解决。

 

let elements = document.querySelectorAll('button');
elements = [...elements];
console.log(elements) // Before reverse
elements = elements.reverse();  // Now the reverse function will work
console.log(elements)  // After reverse
<html>
<body>
<button>button1</button>
<button>button2</button>
<button>button3</button>
<button>button4</button>
<button>button5</button>
</body>
</html>

mysql 如何只导出数据结构

 mysql 如何只导出数据结构

MySQL 命令行工具 mysqldump 用于创建数据库的备份副本(或转储),包括结构或模式以及数据本身。有许多命令行标志可以让 MySQL 仅转储数据或结构而不是所有内容。这篇文章着眼于如何只转储整个 MySQL 数据库的模式、单个表或多个表。

为所有没有数据的表转储数据库结构

添加 -d 标志以表示输出中不应包含任何数据,其中“mydatabase”是要转储的数据库的名称,“someuser”是用于连接到数据库的登录名。以下命令将转储指定 MySQL 数据库中所有表的表结构:

mysqldump -d -u someuser -p mydatabase

-d 标志表示不在转储中包含数据。或者,如果您觉得更容易记住,也可以使用 –no-data 代替:

mysqldump --no-data -u someuser -p mydatabase

-u 标志指示用户名,-p 标志指示将提供密码。按 <enter> 后,系统会提示您输入密码。

或者,可以在命令行上提供密码,但 -p 标志和密码之间不能有空格。例如,如果密码是“apples”,请执行以下操作:

service worker 是什么?看这篇就够了

service worker 是什么

一句话概括

一个服务器与浏览器之间的中间人角色,如果网站中注册了service worker那么它可以拦截当前网站所有的请求,进行判断(需要编写相应的判断程序),如果需要向服务器发起请求的就转给服务器,如果可以直接使用缓存的就直接返回缓存不再转给服务器。从而大大提高浏览体验。…