JS - 初探- 完成一个网址导航网址
做一个导航页面
参考一个并不好看的网站:http://www.36start.com/
- 选择数据结构
- 使用 JS 创建 HTML
- 添加 CSS
- 添加事件监听
- 打开网站
代码: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 的使用方法
- 安装 node
- npm i -g http-server
- 进入项目目录
- 运行
http-server . -c-1
(一个字都不能错) - 用浏览器打开
http://127.0.0.1:xxxx
(xxxx 是对应的端口号) - 如果发现页面不存在,就在地址栏后面加 /index.html ,变成
http://127.0.0.1:xxxx/index.html
- (可选)打开开发者工具的 Network,勾选 Disable Cache
Disable Cache