1. 程式人生 > >JS----從一粒小石子做起

JS----從一粒小石子做起

JS小全棧

水果刀還是倚天劍和屠龍刀,你說了算——————————JavaScript`

大學四年的學習,程式語言學習從C、Web、Java
SE、JavaWeb、Android、iOS到C#、PHP,資料庫從Oracle、MySQL到SQLserver,我到底該何去何從呢?
雖然對於後臺不是那麼精通,可是在這即將實習的時刻,面對前端還是後臺的選擇,內心還是一萬個不捨。

2016年大二的下半個學期,基本上每天在實驗室度過,最辛苦、最煎熬卻也是最充實、最收穫的時候。那會參加中國軟體杯設計大賽,選的賽題是基於阿里釘釘的移動辦公微應用,一開始以為是做個APP,後來才發現需要調釘釘介面API。API是個什麼東西,校園學習從未接觸過,問人、百度,終於開啟了研究js之道,我負責前端,後臺同學負責Java、Sever。當我們為釘釘裡的一個頁面跳轉而歡呼時,才發現要走的路還很遠,我還只是山腳下的一粒石子。

今天面試了衛星遙感方面的一家公司,因為之前的專案中也負責前端地圖介面方面,所以面試過程中聊的就是百度的Echarts、地圖介面,也還好吧,還是對工資沒有概念。

馬上要工作了,以後要注意程式碼規範,加油~~~~

柱狀圖Demo在這裡插入圖片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bar Simple柱狀圖</title>
    <script src="../js/echarts.min.js"></script>
</head>
<body>
<!--為EChart準備一個具備大小(寬高)的DOM-->
    <div id="main" style="width: 900px;height: 600px;"></div>
    <script type="text/javascript">
        //基於準備好的dom,初始化echars例項
        var myChart = echarts.init(document.getElementById('main'));

        //指定圖表的配置項和資料
        var option = {
          //標題
          title:{
            text:'ECharts 入門示例  Bar柱狀圖',
        },
        //工具箱
        toolbox:{
            show:true,
            feature:{
                saveAsImage:{
                    show:true//儲存為圖片
                }
            }
        },
        //圖例
        legend:{
            data:['銷量']
        },
        tooltip:{
        	
        	trigger:'axis'
        },
        //x軸
        xAxis:{
            data:["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
        },
        yAxis:{},
        //資料
        series:[{
            name:'銷量',
            type:'bar',//直方圖
            data:[5,20,36,10,10,20]
        },{
            name:'產量',
            type:'line',//折線圖
            data:[7,30,50,11,40,80],
          //  color:red
        }]
        };

        //使用剛指定的配置項和資料顯示圖表
      myChart.setOption(option);
    </script>
</body>
</html>