Webpack 20180710 本質(zhì)上,webpack 是一個現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)。當(dāng) webpack 處理...
2018年2月28日 背景 業(yè)務(wù)開發(fā)中遇到JS消息沒被成功接收的問題。順帶復(fù)習(xí)一下 JS 事件。 為實(shí)現(xiàn)不同模塊間的消息傳遞,我最初使用的是 jQuery trigger 和...
2018年1月29日 方案 監(jiān)聽 resize 事件,當(dāng)width和height恰好等于屏幕的長寬時(shí)候,就認(rèn)為是全屏。 此刻添加 scaleX scaleY 參數(shù),平鋪拉伸到...
去掉圖片大小檢測的warnning texture.minFilter = THREE.LinearFilter; 鏈接 釋放內(nèi)存 componentWillUnmount ...
2017年12月28日 背景 canvas 是一張畫布,僅有一個DOM元素,瀏覽器沒有內(nèi)置多余的API,所有的交互需要開發(fā)直接實(shí)現(xiàn)。 幾何計(jì)算 規(guī)則的幾何形狀,如矩形、圓形等...
2017年9月5日 背景 遇到 Canvas 使用 drawImage() 繪制圖形出現(xiàn)鋸齒嚴(yán)重的問題。 drawImage() drawImage() 方法在畫布上繪制圖像...
2017年8月8日 一、思路 對比 odemeter.js 方式。 弊端:生成了太多 DOM。性能瓶頸。 初始方案: 使用數(shù)張臨時(shí)canvas來獲取每位數(shù)上的當(dāng)前繪制位置 思...
2017年5月8日 一、背景 力導(dǎo)向圖非常適合于渲染關(guān)系型信息圖。 二、什么是力導(dǎo)向圖(Force-directed)? 我們可以把整張 Network 想象成一個物理仿真系...
2017年5月11日 一、動效描述 ?許許多多不同顏色、不同形狀的圖形在畫布中隨機(jī)運(yùn)動,彼此的連線隨著距離遠(yuǎn)近而變化。當(dāng)點(diǎn)擊畫布上某一個圖形時(shí),所有該圖形的同類圖形都以它為中...
2017年5月11日 一、描述 模仿行星繞著恒星旋轉(zhuǎn)的動效 二、原 SVG 方案 一開始我選擇使用了 SVG 方案去完成這個動效: 橢圓軌道使用 標(biāo)簽繪制,行星小球使用 ...
2017年7月28日 一、背景 繪制趨勢圖時(shí),曲線有“鋸齒感”,不夠順滑、優(yōu)美。亟待優(yōu)化之。 二、回顧繪制過程 1. 根據(jù)數(shù)據(jù),轉(zhuǎn)化成畫布上的 X,Y 坐標(biāo); 2. 描點(diǎn); ...
一,組成 scene-主容器material&texture -貼圖geometryobjectlightrenderer&shaderloader 二, 語法 var sc...
綜述:涉及 svg 的元素似乎對于 z-index 無效。 背景:涉及 svg 元素,使用了 svg 遮罩 clip-path,想要的元素(一朵動態(tài)飄蕩的云朵)被上層元素(...