【html、css、js】不常用技巧，不定期更新

vscode删除空行

\s*(?=\r?$)\n

修改alert的样式

function customAlert(message) {
  const modifiedMessage = message.replace(/http(s)?:\/\/[^/]+/, "");
  // 创造提示框
  const alertBox = document.createElement("div");
  alertBox.style.position = "fixed";
  alertBox.style.top = "50%";
  alertBox.style.left = "50%";
  alertBox.style.transform = "translate(-50%, -50%)";
  alertBox.style.width = "300px";
  alertBox.style.padding = "20px";
  alertBox.style.backgroundColor = "white";
  alertBox.style.border = "1px solid black";
  alertBox.style.borderRadius = "5px";
  alertBox.textContent = modifiedMessage;

  // 关闭标志
  const closeButton = document.createElement("button");
  closeButton.textContent = "Close";
  closeButton.style.marginTop = "10px";
  closeButton.addEventListener("click", function() {
    document.body.removeChild(alertBox);
  });

  alertBox.appendChild(closeButton);
  document.body.appendChild(alertBox);
}
// 替换
window.alert = customAlert;

效果如图