发表于: 2017-04-16 22:52:27
1 696
今天完成的事情:学习了有限状态机;
明天计划的事情:继续完成任务4;
遇到的困难:
关于任务4中的js步骤流程问题。要按照步骤来完成。要实现这个功能,最好的方法就是使用有限状态机。
首先,新建一个对象object,然后在法官页面中的步骤有两种状态,开始(背景色用#29B0ED表示)和结束(背景色用rgb(131,176,154));
在状态机中用state表示,初始值为1,然后用2个function来解决步骤和开关状态;
步骤是通过switch(state)语法来切换四种步骤,四个步骤option。option值分别为1,2,3,4;每执行一个option,object.state值加1,这样的话每个option都能够执行,完成步骤流程功能。开关也是如此,只不过是option的值有2种,分别是option指为1和option值为2,option:1时执行object.state++;object.option=2执行object.state--,从而实现开关功能。可以互相切换。这就是有限状态机。
收获:1.学习有限状态机。原理就是我在遇到的困难中已经提过,就不再重复提到了。
2.从小课堂初步学习echart,echart通常是用来制作图表类文档,比如说折线图,饼状图,柱状图等等。通过引入echarts.js文件可以实现我们平时能够看见的图表。的确是一个挺不错的工具。
评论