又继续写了两个页面,不过还是使用的是Jquery做的,这次在综合数据信息可视化页面上实践了和后台接口的交互,做的过程中也有些收获。
1.使用xxxtemplate更优雅的处理json数据的前端渲染(有VUE就没模板什么事了)
2.了解了哪些是dom原生的方法和Jquery封装的方法,原生的用document.getElementById()去获取标签元素,(“#id”).(相关Jquery方法,也可使用原生方法,但可能获取到的东西不是你想要的,可以再控制台打印查看),详见w3school
3.与后台一样,前台上对js打断点,看看文件是否有引入正确,引入的文件里面走的代码是否生效,跟踪后台数据是否接收到了,数据处理的是否正确,在控制台打印一下某些方法、元素的效果
4.利用两个div叠加实现进度条效果
![8DIC)UTYW5QV(V87R0L~}B.png
修改了滚动插件
echart折线图
- 主要工作流程:看看原生插件如何运行的,根据需求寻找需要修改的位置,在页面上先行测试样式效果,对照echart(折线图、饼图、柱状图)等网上demo调整样式效果。