在異步編程中當(dāng)然少不了定時器了，常見的定時器函數(shù)有setTimeout空繁、setInterval、requestAnimationFrame朱庆。 setTimeout 剛開始用s...
發(fā)簡信
IP屬地：四川
-
setTimeout饺律、setInterval声滥、requestAnimationFrame
-
行也喜歡娱颊，停也喜歡傲诵。
-
JS_尾遞歸
函數(shù)調(diào)用自身，稱為遞歸箱硕。當(dāng)遞歸調(diào)用是整個函數(shù)體中最后執(zhí)行的語句且它的返回值不屬于表達式的一部分時拴竹，這個遞歸調(diào)用就是尾遞歸。 遞歸非常耗費內(nèi)存剧罩，因為需要同時保存成千上百個調(diào)用幀...
-
JS_['1','2','3'].map(parseInt)
第一眼看到這個題目時栓拜，腦海里的答案是[1,2,3]，但是真正的答案是[1,NaN,NaN] 通常情況下，map 方法中的 callback 函數(shù)只需要接受一個參數(shù)幕与，就是正在被...
-
JS_精準(zhǔn)地判斷數(shù)據(jù)類型
判斷數(shù)據(jù)類型的三種方式 1. typeof typeof對于原始類型來說挑势，除了null都可以顯示正確的類型；對于對象來說纽门，除了函數(shù)薛耻，其他都會顯示object，所以typeof...
-
05-實現(xiàn)數(shù)組的方法1.數(shù)組的去重 方式一 方式二 方式三 方式四 數(shù)組中含有對象時的去重var arr = [{ a: 1, b: 2}, { a: 1, b: 2}, { a: 2, b: ...
-
-
12-D3.js地圖一、JSON與GeoJSON GeoJSON 是基于 JSON 的蝙搔、 為 Web 應(yīng)用而編碼地理數(shù)據(jù)的一個標(biāo)準(zhǔn)缕溉。實際上，GeoJSON 并不是另一種格式吃型， 而只是 JSON ...
-
11-D3.js力導(dǎo)向圖力導(dǎo)向圖（Force-Directed Graph）证鸥，是繪圖的一種算法。在二維或三維空間里配置節(jié)點勤晚，節(jié)點之間用線連接枉层，稱為連線。 各連線的長度幾乎相等赐写，且盡可能不相交鸟蜡。節(jié)點和...
-
10-D3.js餅圖一、餅狀圖 dataset = [5, 10, 20, 45, 6, 25];這樣的值是不能直接繪圖的挺邀。例如繪制餅狀圖的一個部分揉忘，需要知道一段弧的起始角度和終止角度，這些值都...
-
09-D3.js動態(tài)增刪數(shù)據(jù)
目前為止端铛，只要更新數(shù)據(jù)泣矛，我們采用的都是“整批整包”的方式：改變數(shù)據(jù)集數(shù)組中的值，然后重新綁定修改后的值禾蚕，覆蓋原始值對 DOM 元素的綁定您朽。 這種方式非常適合所有值都會改變，而...
-
08-D3.js散點圖隨機數(shù)+坐標(biāo)軸+散點圖 更新散點圖换淆，支持?jǐn)?shù)據(jù)更新和動態(tài)比 單擊上方的文本可以生成新數(shù)據(jù)并更新圖表更新數(shù)據(jù)后虚倒，使用了動畫過渡更新x和y軸的比例尺 加載動畫在過渡開始和結(jié)束時執(zhí)行...
-
06-D3.js過渡動畫
D3提供了4個方法用于實現(xiàn)圖形的過渡 transition 圖形變化前后的狀態(tài)（形狀、位置产舞、顏色等） duration() 指定動畫過渡的時間（ms） ease() 指定過渡...
-
07-D3.js交互和布局一、交互操作 對某一元素添加交互操作十分簡單： 在D3 中菠剩，每一個選擇集都有 on() 函數(shù)易猫，用于添加事件監(jiān)聽器。 鼠標(biāo)常用的事件有： click：鼠標(biāo)單擊某元素時具壮，相當(dāng)于 ...
-
05-D3.js完整的柱狀圖（比例尺+坐標(biāo)軸）一個完整的柱形圖包含三部分：矩形准颓、文字哈蝇、坐標(biāo)軸。這里對前幾章的內(nèi)容進行綜合的運用攘已，制作一個實用的柱形圖炮赦，內(nèi)容包括：選擇集、數(shù)據(jù)綁定样勃、比例尺吠勘、坐標(biāo)軸等內(nèi)容。 案例-完整的柱形圖
-
04-D3.js坐標(biāo)軸坐標(biāo)軸峡眶，是可視化圖表中經(jīng)常出現(xiàn)的一種圖形剧防，由一些列線段和刻度組成。坐標(biāo)軸在 SVG 中是沒有現(xiàn)成的圖形元素的辫樱，需要用其他的元素組合構(gòu)成峭拘。D3 提供了坐標(biāo)軸的組件，如此在 SV...
-
03-D3.js比例尺
之前繪圖時狮暑，我們直接將數(shù)組中的值作為矩形元素的寬/高度鸡挠，這種方式非常有局限性，如果數(shù)值大小比較極端搬男，例如: 對以上兩個數(shù)組拣展，絕不可能用 2.5 、0.9個像素來代表矩形的寬度...
-
02-D3.js基礎(chǔ)案例基礎(chǔ)柱狀圖 要繪圖止后，首要需要的是一塊繪圖的“畫布”瞎惫。 為簡單起見，我們直接用數(shù)值的大小來表示矩形的像素寬度（后面會說到這不是一種好方法）译株。然后瓜喇，添加以下代碼。 將圖表標(biāo)簽更換...
-
01-D3.js常用API數(shù)據(jù)可視化對比 echarts 百度開源項目歉糜，學(xué)習(xí)門檻較低乘寒，國內(nèi)應(yīng)用領(lǐng)域十分廣泛，apache孵化器匪补，主要是修改配置options 缺點：定制性較差伞辛，代碼復(fù)用率低，因為此類庫...
