JS - 初探- 完成一个网址导航网址

做一个导航页面

参考一个并不好看的网站:http://www.36start.com/

  1. 选择数据结构
  2. 使用 JS 创建 HTML
  3. 添加 CSS
  4. 添加事件监听
  5. 打开网站

代码:https://github.com/Mcguffen/nav-demo
预览:https://mcguffen.github.io/nav-demo/

注意:
代码中的 return JSON.parse(localStorage.getItem(name) || '')
要改成 return JSON.parse(localStorage.getItem(name) || 'null')

http-server 的使用方法

  1. 安装 node
  2. npm i -g http-server
  3. 进入项目目录
  4. 运行 http-server . -c-1 (一个字都不能错)
  5. 用浏览器打开 http://127.0.0.1:xxxx (xxxx 是对应的端口号)
  6. 如果发现页面不存在,就在地址栏后面加 /index.html ,变成 http://127.0.0.1:xxxx/index.html
  7. (可选)打开开发者工具的 Network,勾选 Disable Cache

Disable CacheDisable Cache

编辑