前端开发

   来这单位快一个月了，上周让我取做几个页面，自己对前端只是简单的了解，也可以随便学习一下，下面是做页面过程的不懂的知识点，在这里做个记录。

1,一个内联框架，点击左边菜单，右边显示相应的页面，其实很简单嘛 iframe

<iframe class="xy-subject xy-corner xy-bg-white xy-scrollY xy-imrame"  name="user1" frameborder="0" src="statisticalManager/student-test.html"></iframe>

在左边菜单栏用 <a>标签 <a target="user1" href="javascript:;" class="xy-ol-a">学生习题数据统计</a>

<a>标签的 target 属性 和 <iframe> 的name属性 对应就可以了

2,上面那个功能，因为页面好几个还得设置 隐藏和显示

var xyImrame = document.getElementsByClassName("xy-imrame");
                var xyola = document.getElementsByClassName("xy-ol-a");
                var xyshouye = document.getElementsByClassName("xy-shouye")[0];
                for(var i = 0; i < xyola.length; i++) {
                    xyola[i].index = i;
                    xyola[i].onclick = function() {
                        xyshouye.style.display = "none";
                        for(var i = 0; i < xyImrame.length; i++) {
                            xyImrame[i].style.display = "none";
                        }
                        xyImrame[this.index].style.display = "block";
                    }
                }

3，还有就是了解下Echarts统计图，Echarts做的真心不错，很简单。我记得是有个桑基图，它例子中是这样写的  $.get('data/asset/data/energy.json', function (data) {.....})； 可是我想知道的数据个什么样的格式，这根本看不到啊？只要在console.log(data); 然后按F12 就可以看到他的数据结构了。是不是很简单，哈哈！

先写到这吧，换个工作好久都没写点什么了，以后还是监督自己多来写点东西，有些事情现在不做，可能这一辈子也不会去做了。加油吧！