發(fā)簡(jiǎn)信
IP屬地：北京
-
模塊打包器的實(shí)現(xiàn)（一）
什么是打包器 一個(gè)完整的 JavaScript 項(xiàng)目（比如各種前端SPA）由各種各樣的資源模塊（module）組成，包括 JavaScript ...
-
# 從 JavaScript 到 TypeScript，React 項(xiàng)目遷移幾點(diǎn) tips
相對(duì)于 JavaScript，TypeScript 增加了類型系統(tǒng)。通過(guò)靜態(tài)檢查，開(kāi)發(fā)者可以更早地發(fā)現(xiàn)語(yǔ)法錯(cuò)誤，同時(shí)類型標(biāo)注也帶來(lái)了清晰的文檔。...
-
前端性能優(yōu)化：如何減少長(zhǎng)列表的渲染時(shí)間
問(wèn)題描述 列表 (list) 是瀏覽器端用戶交互的常見(jiàn)元素。一般的 select 由兩個(gè)部分組成：外層的容器和內(nèi)層的 list，外層的大小固定，...
-
D3數(shù)據(jù)可視化-General Update Pattern
D3 是 Data Driven Documents 的簡(jiǎn)稱，意思是數(shù)據(jù)驅(qū)動(dòng)文檔。D3 可以幫助我們自動(dòng)化地操作 HTML、SVG 或 Canv...
-
D3數(shù)據(jù)可視化-柱狀圖-Bar案例 柱形圖是最廣泛使用的圖表類型之一，同時(shí)也具有很多的展現(xiàn)形式。 比如：Y坐標(biāo)軸可以有一條，也可以有兩條分別代表不同的尺度。柱形可以是單個(gè)柱子...
-
D3數(shù)據(jù)可視化-Area案例 Area 圖形可以填充整塊的圖形，下面是同樣的數(shù)據(jù)（2017年2季度到2018年1季度手機(jī)品牌市場(chǎng)占有情況）分別在 area 和在 sta...
-
D3數(shù)據(jù)可視化-折線-line案例 折線圖適合展示隨著時(shí)間推進(jìn)，數(shù)值的變化趨勢(shì)。下圖是幾家科技公司在2009年6月到2019年6月間的股票價(jià)格圖，數(shù)據(jù)來(lái)源于雅虎金融。 解析 ...
-
D3數(shù)據(jù)可視化-stack_bar案例 與餅圖相似的是，stack bar 圖也適合表現(xiàn)各個(gè)項(xiàng)目在總體中的比例。但同時(shí) stack bar 還可以表現(xiàn)隨著時(shí)間的推移各個(gè)項(xiàng)目比例的...
-
D3數(shù)據(jù)可視化-餅圖-pieDemo 餅圖／環(huán)形圖可以清晰地展示數(shù)據(jù)之間的比例關(guān)系。下面兩個(gè)環(huán)形圖分別展現(xiàn)了電子游戲 GTAV 在各個(gè)游戲硬件平臺(tái)上和在不同國(guó)家的銷售量。 ...