文件名称:localstorage-tutorial:构建一个简单HTML页面,该页面将数据存储在localStorage中并从中渲染数据
文件大小:113KB
文件格式:ZIP
更新时间:2024-03-05 08:49:10
JavaScript
本地存储教程 构建一个简单HTML页面,该页面将数据存储在localStorage中并从中渲染数据 本教程分为3部分。 没有数据存储创建一个带有一点样式的index.html文件,该文件显示一个用于创建新联系人的表单,一个用于显示硬编码联系人的表以及一个用于编辑现有联系人的编辑表单。 将数据存储在localStorage中我们不显示硬编码的联系人,而是将联系人存储在localStorage中 联系人商店API 相反,与互动的localStorage API直接,我们创建一个自定义contactsStore的API,抽象了联系人的存储。 我将来可能会添加更多的步骤或想法以供练习。 工作正在进行中 我已经对第1步和第2步进行了编码,并将于明天上传 对于步骤3,我建议使用这样的API contactsStore . add ( contact ) . then ( function (
【文件预览】:
localstorage-tutorial-gh-pages
----step2()
--------app.css(927B)
--------index.html(604B)
--------app.js(3KB)
----screenshot.png(130KB)
----step3()
--------app.css(927B)
--------index.html(650B)
--------app.js(3KB)
--------contacts-store.js(1KB)
----step1()
--------app.css(927B)
--------index.html(1KB)
--------app.js(2KB)
----CODE_OF_CONDUCT.md(3KB)
----README.md(2KB)