240 發(fā)簡(jiǎn)信
IP屬地：北京
  • setTimeout、setInterval沐扳、requestAnimationFrame

    在異步編程中當(dāng)然少不了定時(shí)器了，常見(jiàn)的定時(shí)器函數(shù)有setTimeout耕姊、setInterval婚陪、requestAnimationFrame。 setTimeout 剛開(kāi)始用s...

  • JS_['1','2','3'].map(parseInt)

    第一眼看到這個(gè)題目時(shí)渠牲，腦海里的答案是[1,2,3]旋炒，但是真正的答案是[1,NaN,NaN] 通常情況下，map 方法中的 callback 函數(shù)只需要接受一個(gè)參數(shù)签杈，就是正在被...

  • JS_尾遞歸

    函數(shù)調(diào)用自身瘫镇，稱為遞歸。當(dāng)遞歸調(diào)用是整個(gè)函數(shù)體中最后執(zhí)行的語(yǔ)句且它的返回值不屬于表達(dá)式的一部分時(shí)答姥，這個(gè)遞歸調(diào)用就是尾遞歸铣除。 遞歸非常耗費(fèi)內(nèi)存，因?yàn)樾枰瑫r(shí)保存成千上百個(gè)調(diào)用幀...

  • JS_精準(zhǔn)地判斷數(shù)據(jù)類型

    判斷數(shù)據(jù)類型的三種方式 1. typeof typeof對(duì)于原始類型來(lái)說(shuō)鹦付，除了null都可以顯示正確的類型尚粘；對(duì)于對(duì)象來(lái)說(shuō)，除了函數(shù)睁壁，其他都會(huì)顯示object背苦，所以typeof...

  • 120
    12-D3.js地圖

    一、JSON與GeoJSON GeoJSON 是基于 JSON 的潘明、 為 Web 應(yīng)用而編碼地理數(shù)據(jù)的一個(gè)標(biāo)準(zhǔn)行剂。實(shí)際上，GeoJSON 并不是另一種格式钳降， 而只是 JSON ...

  • 120
    11-D3.js力導(dǎo)向圖

    力導(dǎo)向圖（Force-Directed Graph）厚宰，是繪圖的一種算法。在二維或三維空間里配置節(jié)點(diǎn)遂填，節(jié)點(diǎn)之間用線連接铲觉，稱為連線。 各連線的長(zhǎng)度幾乎相等吓坚，且盡可能不相交撵幽。節(jié)點(diǎn)和...

  • 120
    10-D3.js餅圖

    一、餅狀圖 dataset = [5, 10, 20, 45, 6, 25];這樣的值是不能直接繪圖的礁击。例如繪制餅狀圖的一個(gè)部分盐杂，需要知道一段弧的起始角度和終止角度逗载，這些值都...

  • 09-D3.js動(dòng)態(tài)增刪數(shù)據(jù)

    目前為止，只要更新數(shù)據(jù)链烈，我們采用的都是“整批整包”的方式：改變數(shù)據(jù)集數(shù)組中的值厉斟，然后重新綁定修改后的值，覆蓋原始值對(duì) DOM 元素的綁定强衡。 這種方式非常適合所有值都會(huì)改變擦秽，而...

  • 120
    08-D3.js散點(diǎn)圖

    隨機(jī)數(shù)+坐標(biāo)軸+散點(diǎn)圖 更新散點(diǎn)圖，支持?jǐn)?shù)據(jù)更新和動(dòng)態(tài)比 單擊上方的文本可以生成新數(shù)據(jù)并更新圖表更新數(shù)據(jù)后漩勤，使用了動(dòng)畫過(guò)渡更新x和y軸的比例尺 加載動(dòng)畫在過(guò)渡開(kāi)始和結(jié)束時(shí)執(zhí)行...

  • 120
    07-D3.js交互和布局

    一感挥、交互操作 對(duì)某一元素添加交互操作十分簡(jiǎn)單： 在D3 中，每一個(gè)選擇集都有 on() 函數(shù)锯七，用于添加事件監(jiān)聽(tīng)器链快。 鼠標(biāo)常用的事件有： click：鼠標(biāo)單擊某元素時(shí)，相當(dāng)于 ...

  • 06-D3.js過(guò)渡動(dòng)畫

    D3提供了4個(gè)方法用于實(shí)現(xiàn)圖形的過(guò)渡 transition 圖形變化前后的狀態(tài)（形狀眉尸、位置域蜗、顏色等） duration() 指定動(dòng)畫過(guò)渡的時(shí)間（ms） ease() 指定過(guò)渡...

  • 120
    05-D3.js完整的柱狀圖（比例尺+坐標(biāo)軸）

    一個(gè)完整的柱形圖包含三部分：矩形、文字噪猾、坐標(biāo)軸霉祸。這里對(duì)前幾章的內(nèi)容進(jìn)行綜合的運(yùn)用，制作一個(gè)實(shí)用的柱形圖袱蜡，內(nèi)容包括：選擇集丝蹭、數(shù)據(jù)綁定、比例尺坪蚁、坐標(biāo)軸等內(nèi)容奔穿。 案例-完整的柱形圖

  • API這里沒(méi)貼運(yùn)行效果的截圖，可以本地運(yùn)行試試敏晤，在瀏覽器里看一下svg的標(biāo)簽變化贱田；建議d3引用4.0之后的版本

    01-D3.js常用API

    數(shù)據(jù)可視化對(duì)比 echarts 百度開(kāi)源項(xiàng)目，學(xué)習(xí)門檻較低嘴脾，國(guó)內(nèi)應(yīng)用領(lǐng)域十分廣泛男摧，apache孵化器，主要是修改配置options 缺點(diǎn)：定制性較差译打，代碼復(fù)用率低耗拓，因?yàn)榇祟悗?kù)...

  • 120
    04-D3.js坐標(biāo)軸

    坐標(biāo)軸，是可視化圖表中經(jīng)常出現(xiàn)的一種圖形奏司，由一些列線段和刻度組成乔询。坐標(biāo)軸在 SVG 中是沒(méi)有現(xiàn)成的圖形元素的，需要用其他的元素組合構(gòu)成韵洋。D3 提供了坐標(biāo)軸的組件哥谷，如此在 SV...

  • 03-D3.js比例尺

    之前繪圖時(shí)，我們直接將數(shù)組中的值作為矩形元素的寬/高度勉吻，這種方式非常有局限性监婶，如果數(shù)值大小比較極端，例如: 對(duì)以上兩個(gè)數(shù)組齿桃，絕不可能用 2.5 惑惶、0.9個(gè)像素來(lái)代表矩形的寬度...

  • 120
    02-D3.js基礎(chǔ)案例

    基礎(chǔ)柱狀圖 要繪圖，首要需要的是一塊繪圖的“畫布”短纵。 為簡(jiǎn)單起見(jiàn)带污，我們直接用數(shù)值的大小來(lái)表示矩形的像素寬度（后面會(huì)說(shuō)到這不是一種好方法）。然后香到，添加以下代碼鱼冀。 將圖表標(biāo)簽更換...

  • 120
    01-D3.js常用API

    數(shù)據(jù)可視化對(duì)比 echarts 百度開(kāi)源項(xiàng)目，學(xué)習(xí)門檻較低悠就，國(guó)內(nèi)應(yīng)用領(lǐng)域十分廣泛千绪，apache孵化器，主要是修改配置options 缺點(diǎn)：定制性較差梗脾，代碼復(fù)用率低荸型，因?yàn)榇祟悗?kù)...

  • 120
    02-WebGL緩沖區(qū)對(duì)象

    WebGL提供了一種很方便的機(jī)制，即緩沖區(qū)對(duì)象（buffer object）,它可以一次性地向著色器傳入多個(gè)頂點(diǎn)的數(shù)據(jù)炸茧。 緩沖區(qū)對(duì)象是WebGL系統(tǒng)中的一塊內(nèi)存區(qū)域瑞妇，我們可以...

  • 120
    01-WebGL著色器

    要使用WebGL進(jìn)行繪圖就必須使用著色器。在代碼中梭冠，著色器程序是以字符串的形式“嵌入”在JavaScript文件中的辕狰，在程序真正開(kāi)始運(yùn)行前就已經(jīng)設(shè)置好了。 WebGL需要兩種...

個(gè)人介紹
習(xí)練妈嘹，一切都會(huì)隨之而來(lái)柳琢！
亚洲A日韩AV无卡,小受高潮白浆痉挛av免费观看,成人AV无码久久久久不卡网站,国产AV日韩精品