javascript 进阶篇1 正则表达式，cookie管理，userData

JavaScript 进阶篇1：正则表达式、Cookie 管理、UserData

1. 正则表达式

正则表达式在 JavaScript 开发中非常重要，是处理字符串的得力工具。以下是一些基本概念和正则表达式在 JavaScript 中的应用。

基本概念

1. 匹配模式：正则表达式在搜索时所用的模式
2. 字符串搜索：在文本中搜索匹配模式并返回匹配结果
3. 模式修饰符：使用标识符修改匹配模式

正则表达式在 JavaScript 中的应用

1. 匹配单词

const str = "The quick brown fox jumps over the lazy dog";
const word = /fox/i;
if (str.match(word)) {
  console.log("word found");
} else {
  console.log("word not found");
}

2. 匹配邮箱

const email = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
if (email.test(emailInput)) {
  console.log("valid email");
} else {
  console.log("invalid email");
}

2. Cookie 管理

Cookie 是一种存储在客户端浏览器上的小型文本文件，由服务器生成并发送到客户端的浏览器，用于跟踪用户的 Web 行为。以下是一些关于 Cookie 管理的技术和示例。

设置 Cookie

function setCookie(cname, cvalue, exdays) {
  const d = new Date();
  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
  const expires = "expires=" + d.toGMTString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

获取 Cookie

function getCookie(cname) {
  const name = cname + "=";
  const decodedCookie = decodeURIComponent(document.cookie);
  const ca = decodedCookie.split(";");
  for (let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) === " ") {
      c = c.substring(1);
    }
    if (c.indexOf(name) === 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

3. UserData

UserData 是一个 JavaScript API，它允许你在本地浏览器中存储和读取小量的数据。它功能类似于 Cookie，但能够存储更多数据并且更安全。以下是一些关于 UserData 的技术和示例。

创建 UserData

const userData = document.createElement("span");
userData.style.behavior = "url('#default#userData')";
document.body.appendChild(userData);

设置 UserData

userData.setAttribute("Attribute_Name", "Attribute_Value");
userData.save("UserData_Name");

获取 UserData

userData.load("UserData_Name");
const userDataValue = userData.getAttribute("Attribute_Name");