[前置知识] 前端知识

[Zhang21]

学习此项目应该了解的前端相关知识。

工具:

• HTML颜色代码

[Zhang21]

有:

• Html/Css: 长什么样
• JavaScript: 做什么事
• React：JS库
• Antd：UI库
• axios：一个基于promise的HTTP库，类似于jQuery的ajax，用于HTTP请求。
• xterm.js：终端组件

[Zhang21]

知识:

• cookie
• session
• localStorage

---

Cookie

- 存储在在浏览器中的一小段数据
- 每次向服务端发请求，都会被带到HTTP中，所以不能太大
- 可以添加生命周期
- - 不是很安全，别人可以分析你本地的cookie，伪造和欺骗。考虑安全使用session

Session

- 记录状态信息
- 存储在服务端
- 占用服务段资源，考虑性能使用cookie

localStorage

- 在浏览器中保存大量数据（最大5M）
- 数据永远不会过期
- 一般用于性能优化
- 不参与和服务器的通信

[Zhang21]

添加菜单栏:

• 修改menu.js
• 向数据库权限表中插入对应菜单的记录
• 向角色权限表中插入对应菜单的记录
• 预览界面查看效果

[Zhang21]

React一些注意项:

• props：相当于入参，外部传入组件内，不可变。
• state：数据状态，改变用的。
• ES6：一个标准
• babel：ES6转码器
• this：this通常会引用一个JavaScript元素。
  • 调用(call)
  • 应用(apply)
  • 绑定(bind)或箭头函数：为了在回调中使用this，就必须bind它。
• ...扩展运算符

[Zhang21]

声明遍历的关键字的区别:

• var
• let
• const