花了三天时间,把征信报告的PC端换成移动端展现。
即使完成了任务,但是心里很不满意,因为我写了一堆垃圾代码,而且也不利于后期的修改。
本来想周末改改的,但是一动牵全身,心累,痛定思痛,果断的把代码全部clear,因为有之前三天的基础,页面很容易就搞定了,就是数据的展现,坑爹的后台,每一组的字段都不一样,完全无规律可言,难就难在怎么把这些数据弄成有规律性,达到代码复用,而不是一堆重复代码。完成了之后发现so easy,一句话就是对json数据的操作。
后台数据格式是这样的1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40data:{
‘’:’’,
‘’:’’,
‘’:’’,
‘data’:{//这里是要展现的数据
‘credit_card_info’:{//每组数据
‘credit_card_detail’:{//每组详细数据
‘’:’’,
‘’:’’
},
‘total_account’:’9’,//每组数据总数
‘…’:’….’
},
‘loan_info’:{
‘loan_detail’:{
‘’:’’,
‘’:’’
},
‘total_number’:’9’,
‘…’:’….’
}
},
‘’:’’,
}
var dataList = {
‘信用卡’:{
‘name’:[………..],
‘main’:[…………],
‘info’:’credit_card_info’,
‘detail’: ‘credit_card_detail’
},
‘贷款’:{
‘name’:[………..],
‘main’:[…………],
‘info’:’loan_info’,
‘detail’: ‘loan_detail’
}
//这主要是录那个入用到的数据的字段,也是优化的关键,数据的录入也蛮累人的,在没有大屏显示器的情况下
}
取json数据
var title = ‘信用卡’
data.title ==data[title]
这两者是相等的
json几种形式:1
2[{….},{….}]
{‘ ‘:{…},’ ‘:{….}}
反正就是数组和json互相嵌套,就懒的写了,只要抓住json,和数组的特性,就很容易了。
接下来说说项目中用到的其他操作
loacalStorage
存:loacalStorage.setItem()
存的时候有个坑,不管你存的是对象格式还是字符串,取出来的数据就是字符串格式,所以对象存的时候要先转字符串,再存,否则取的时候转对象会报错
取:loacalStorage.getItem()
删:loacalStorage.removeItem()删除指定数据,loacalStorage.clear()全部删除
script模板
之前已经写过怎么用了,这里主要说说,遇到的一个坑,就是script模板的内容不能再用双引号,
否则会报错