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

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

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");