DOM综合运用

Todo

实验题目
代办事项
实验目的
掌握 DOM 节点的创建和添加
掌握事件的基本使用
了解数据交互的基本格式 JSON
掌握 fetch 加载数据的过程和基本使用
掌握数据本地存储 LocalStorage 的基本使用
实验内容
准备数据:使用JSON模拟远程数据,如喜欢的歌单、心灵鸡汤等等
加载数据:通过fetch加载到项目:自动加载或事件触发加载,如鼠标单击
处理数据:处理获取到的数据,更加适合页面展示
显示数据:使用表格table或表单form或其它方式展示数据
保存数据:将某些热点保存到本地
其它功能:操作数据,如数据排序、增删、改查,并将感兴趣的数据保存到本地
参考效果和参考代码
代办事项
拓展与思考
了解json-server模拟数据加载
了解postman模拟数据加载
了解axios加载数据的方法