数据与视图
如何根据数据渲染视图思路?
1:了解已知的数据接结构
2: 知到你要的数据是什么
3: 知道你的页面结构是什么?
4: 想办法拿到你想要的数据;方式有:数组对象的遍历;数组内置API 字符拼API 字符串变数组;数组变字符串,等基本操作。
5:看数据获取到的数据与你搭建的页面结构是否符合?
6:让你获取的数据与你搭建的页面结构相吻合。想办法:处理数据或者调整html结构 实现样式
7:将数据渲染到页面中
常见数据处理
1: 数组 对象遍历 增 删 改
2: 利用数组内置API
3: 字符串变数组;目的为了更好处理数据
4:数组变字符串。
5:字符串内置API
数据结构不符合时候,如何对数据进行重构?
1: 相同荣类型的数据用放在数组中;
2:有区别的数据放在对象中。区别为属性;
3:数据结构要符合页面htMl 结构
二级联动
1: 遍历1一级的内容
1.5 二级内容初始化。根据一级初始化数据 遍历二级内容
所有初始化只执行一次
2:根据用户选择的内容获取二级的数据
- select.value
- 方式二 select.options[select.options.selectedIndex];
- 给一级select 绑定onchange 事件;每次内容改变时候;都获取用户选择内容
3: 根据获取二级数据 二级内容