一些前端开发的记录
表单与布局
首先要理解 html 到组件化的映射流程
以dash 为例
div 自定义的一组元素 能统一设置style
布局组件 docklayout dockbox 将整个页面划分为不同的区域
DockLayout → DockBox → Tab → Panel → children (实际内容)
从结构设计上讲，DockBox 只负责分区，
所以应把 AntdButton 放在它的子层（Panel 或 Div）中使用。
内容组件 panel tab
区别内容组件与布局组件
其他功能组件
children元素
debug 相关
docklayout 是页面最开始被调用的
树状图交互
树状图上点击节点，然后在树状图的下面弹出配置是一种常见的交互模式。树状图可以比较清晰地反应一个工作流程或者数据的流程，对于设计类的软件或者流程比较确定的软件比较好。特别是cfd之类的软件或者后处理之类的软件比如CFX-post之类的软件比较常用。
这里常见的坑就是树节点和后端数据结构关联的问题，点击树节点时返回的实际是树的name或者id，如何通过这个name 或者 id 找到对应的节点信息呢？如果后端的数据结构是一个map就比较方便，如果后端的数据结构是一个list就不太方便了，需要确保list中每个元素都有一个name或者id这样的关键字。这样才能通过遍历list来找。一个常见的错误是用“节点1”，“节点2”这样的方式命名树节点，然后通过后面的1，2 来进行索引，这样在树节点删除之后就容易出现索引错误的问题，比如实际上是”节点3”的节点名字，在list中可能存在第一个位置。
审美原则
整齐，比如左边的分框与右边的分框对齐
背景颜色与边界，不同的布局的组件要有一个单独的背景颜色。然后还要留出一点边缘来。
颜色风格的统一，比如标题或者按钮的颜色都是一个色系的。
关于图像与字数的问题，这个在可视化系统和前端系统中都是类似的，大概意思是字越多，系统就显得越凌乱，不够专业，能用图代替的就用图代替。
调试
disable cache
查看内容占用
f12 network
