vh and vw

vh:表示的是view height,也就是螢幕可視範圍高度的百分比
vw:表示的是view width,也就是螢幕可是範圍寬度的百分比

Comment

陣列元素順序重新排序 sort()

排序函數 sort() 方法,預設為 ASCII 字符順序進行「升序排列」。

陣列.sort()

var Brand = ["Oldsmobile", "Pontiac", "Buick", "Cadillac", "Holden", "Saturn", "GMC"];
Brand.sort()

//輸出 Buick, Cadillac, GMC, Holden, Oldsmobile, Pontiac, Saturn

陣列.reverse()順序反轉

Brand.sort() //陣列重新排序
Brand.reverse() //順序反轉(反轉元素的排列秩序)

//輸出 Saturn, Pontiac, Oldsmobile, Holden, GMC, Cadillac, Buick

Comment

使用方法

var curMonthDays = new Date(year,month,0).getDate();

Comment

關於Chart.js

Chart.js是一款彈性很高的圖表JavaScript library,支援八種常見的統計圖表類型,夠將圖表混合在一起使用,也支援動畫的效果,讓我們製作出來的圖表更加精美!

範例一 格線顏色與多線條

Chart.js

    var config = {
        type: 'line',
        data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
            datasets: [{
                label: 'My First dataset',
                backgroundColor: window.chartColors.red,
                borderColor: window.chartColors.red,
                data: [10, 30, 39, 20, 25, 34, -10],
                fill: false,
            }, {
                label: 'My Second dataset',
                fill: false,
                backgroundColor: window.chartColors.blue,
                borderColor: window.chartColors.blue,
                data: [18, 33, 22, 19, 11, 39, 30],
            }]
        },
        options: {
            responsive: true,
            title: {
                display: true,
                text: 'Grid Line Settings'
            },
            scales: {
                yAxes: [{
                    gridLines: {
                        drawBorder: false,
                        color: ['pink', 'red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'purple']
                    },
                    ticks: {
                        min: 0,
                        max: 100,
                        stepSize: 10
                    }
                }]
            }
        }
    };

    window.onload = function() {
        var ctx = document.getElementById('canvas').getContext('2d');
        window.myLine = new Chart(ctx, config);
    };

Comment

邏輯運算子

邏輯運算子 通常被用於布林(邏輯)值; 使用於 布林(邏輯)值時, 它們會回傳布林型態的值。 然而,&& 和 || 運算子實際上是回傳兩指定運算元之一,因此用於非布林型態值時,它可能會回傳一個非布林型態的值。 邏輯運算子將在下表中被詳細解釋。

Logical operators

Operator Usage Description
邏輯 AND (&&) 運算式1 && 運算式2 假如 運算式1 可以被轉換成 false的話,回傳 運算式1; 否則,回傳 運算式2。 因此,&&只有在 兩個運算元都是True 時才會回傳 True,否則回傳 false
邏輯 OR (||) 運算式1 || 運算式2 假如 運算式1 可以被轉換成 true的話,回傳 運算式1; 否則,回傳 運算式2。 因此,||在 兩個運算元有任一個是True 時就會回傳 True,否則回傳 false
邏輯 NOT (!) !運算式 假如單一個運算元能被轉換成True時,回傳false , 不然回傳 true

Comment

Copyright © 2018 ucamc