添加数据后，刷新页面表格数据不可丢失（5分）;(使用localStorage)

实现这个功能需要使用到 `localStorage`，它是 HTML5 提供的一种在客户端本地存储数据的方法。通过将数据存储在本地，即使用户刷新页面或关闭浏览器，数据也不会丢失。

下面是一个简单的示例，演示如何使用 `localStorage` 存储和读取数据：

// 存储数据到 localStorage 中
localStorage.setItem('name', '张三');

// 从 localStorage 中读取数据
const name = localStorage.getItem('name');
console.log(name); // 输出：张三

在实现添加数据后，刷新页面表格数据不可丢失的功能中，我们可以将表格数据存储到 `localStorage` 中，每次页面加载时读取 `localStorage` 中的数据来渲染表格。

// 获取表格数据
const tableData = getTableData();

// 将表格数据存储到 localStorage 中
localStorage.setItem('tableData', JSON.stringify(tableData));

// 从 localStorage 中读取表格数据
const tableDataFromStorage = localStorage.getItem('tableData');
const parsedTableData = JSON.parse(tableDataFromStorage);

// 渲染表格
renderTable(parsedTableData);

需要注意的是，`localStorage` 只能存储字符串类型的数据，因此需要使用 `JSON.stringify()` 方法将对象转换成字符串，使用 `JSON.parse()` 方法将字符串转换成对象。同时，需要注意浏览器对 `localStorage` 存储数据大小的限制，一般为 5MB 左右。