發(fā)簡(jiǎn)信
IP屬地：浙江
-
20180710-Webpack
Webpack 20180710 本質(zhì)上，webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundle...
-
JS自定義事件
2018年2月28日 背景 業(yè)務(wù)開(kāi)發(fā)中遇到JS消息沒(méi)被成功接收的問(wèn)題。順帶復(fù)習(xí)一下 JS 事件。 為實(shí)現(xiàn)不同模塊間的消息傳遞，我最初使用的是 j...
-
JS全屏事件
2018年1月29日 方案 監(jiān)聽(tīng) resize 事件，當(dāng)width和height恰好等于屏幕的長(zhǎng)寬時(shí)候，就認(rèn)為是全屏。 此刻添加 scaleX ...
-
ThreeJS 學(xué)習(xí)筆記
去掉圖片大小檢測(cè)的warnning texture.minFilter = THREE.LinearFilter; 鏈接 釋放內(nèi)存 compon...
-
Canvas 交互2017年12月28日 背景 canvas 是一張畫(huà)布，僅有一個(gè)DOM元素，瀏覽器沒(méi)有內(nèi)置多余的API，所有的交互需要開(kāi)發(fā)直接實(shí)現(xiàn)。 幾何計(jì)算 ...
-
drawImage() 的鋸齒問(wèn)題2017年9月5日 背景 遇到 Canvas 使用 drawImage() 繪制圖形出現(xiàn)鋸齒嚴(yán)重的問(wèn)題。 drawImage() drawIma...
-
模擬 Odemeter 的 Canvas 翻牌器2017年8月8日 一、思路 對(duì)比 odemeter.js 方式。 弊端：生成了太多 DOM。性能瓶頸。 初始方案： 使用數(shù)張臨時(shí)canvas來(lái)...
-
D3力導(dǎo)向圖2017年5月8日 一、背景 力導(dǎo)向圖非常適合于渲染關(guān)系型信息圖。 二、什么是力導(dǎo)向圖(Force-directed)？ 我們可以把整張 Net...
-
Canvas 粒子線條動(dòng)效
2017年5月11日 一、動(dòng)效描述 ?許許多多不同顏色、不同形狀的圖形在畫(huà)布中隨機(jī)運(yùn)動(dòng)，彼此的連線隨著距離遠(yuǎn)近而變化。當(dāng)點(diǎn)擊畫(huà)布上某一個(gè)圖形時(shí)，...