前言：

1. 项目预览：前端导航

2. 预备知识

   1. jQuery：jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库
   2. console.log(调式)：向 Web 控制台输出一条消息。
   3. flex 布局：flex 是一个 CSS 的 display 属性中新添加一个值
   4. 媒体查询(@media)：@media CSS @规则 可根据一个或多个 媒体查询 的结果应用样式表的一部分。
   5. Git&Github：代码版本管理&代码托管平台

3. 新增知识

   1. window.localStorage：只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。
   2. SVG Symbol：可缩放矢量图形
   3. iconfont.cn：阿里巴巴矢量图标库
   4. 阻止冒泡：阻止事件调用函的发生,
   5. JSON 序列化：JSON 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 null。

思路

1. 首先我们要有一个设计稿(先有设计稿再做)

   用figma.com来做设计稿查看设计稿

2. 实现 Mobile 端 前端导航项目——上之 Mobile

3. 实现 PC 端 前端导航项目——下之 PC

4. 发布到 GitHub

写完之后我们需要上传 GitHub。上传之前我们需要 parcel 一键部署一下.详细见针对开发者人员https://github.com/s-xiaoxiao/nav-1

yarn build 见 package.json 文件