做数据可视化项⽬中遇到的问题及解决⽅案（基于百度
echarts框架）
在做类似于百度sugar的数据可视化项⽬，算了下时间，零零碎碎的加起来已经半年了，因为平时课⽐较多，没有太多时间去写，所以导致这个项⽬⼀直搁置。这不，放暑假了，趁着暑假的时间先完成⼩部份。
从这个项⽬开始及做到现在，总体的感觉是乱，前期没有好好做需求分析，没有详细的分析，想到点做⼀点，导致数据库改了⼜改，代码重构了⼜重构，花费⽐较多的时间。做个项⽬的本意是想锻炼⾃⼰的开发能⼒、问题解决能⼒、逻辑思维能⼒，最重要的是利⽤这个项⽬去深刻实践软件⼯程那套理论⽅法来做软件，从可⾏性到最后测试，严格按照软件⼯程的思想去实施。但理想确实是好的，在实践过程中由于经验不⾜，知识⾯窄，技术不够扎实等原因，没能深度的去应⽤软件⼯程，虽然理论⽅法熟记于⼼，虽然前期⼀直在幻想能够像建造⼀栋房⼦，做到规划细致、井井有条、稳步推进、规范。只能说我现在的能⼒还不够，继续前进吧。
这个项⽬做到现在真的受益匪浅，积累的⼤量的经验，很多在项⽬中出现的问题值得我深思，所以今天把这些记录⼀下，以后能作为参考。⼀、前端的问题
1、1 数据类型的转换
对于数据类型的转换，⼀般是json字符串转JSON对象，或者JSON对象转为Json字符串，⼀般⽤三种⽅法。
JSON.parse（）：将json字符串转换JSON对象，这⾥特别注意，如果转换的对象不是JSON字符串格式或者已经是对象了，那么会报错，所以最好有进⾏数据类型的判断，符合条件在进⾏转换。eval是做什么的
Eval('('++')'):⽤这个⽅法转为JSON对象要保险⼀点，因为就算转换失败，也不会报错。
JSON.stringify（)：将对象转为JSON字符串，同样转换失败会报错，所以也加个类型判断把
1、2 JS构造对象
js构造对象真的是太⽅便了，直接声明空的对象，然后像直接（.）点来进⾏构造，⽐如：var result={}；de=200，这就构造了⼀个result的对象，⾥⾯包含⼀个数据项，code为key值，value的值是200；
1、3 刷新页⾯
load();
1、4 动态插⼊DOM
动态的插⼊DOM后，CSS并不会应⽤到新的DOM元素中，原因是在插⼊之前，CSS已经完成了DOM树的渲染，之后插⼊的不再渲染，这个问题还没有解决，如果哪位⼤佬看到了，希望能不吝赐教。
另外动态插⼊DOM可以把js事件直接写死在标签中，⽽不需去动态的绑定js事件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。