240 发简信
IP属地:浙江
  • 20180710-Webpack

    Webpack 20180710 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundle...

  • JS自定义事件

    2018年2月28日 背景 业务开发中遇到JS消息没被成功接收的问题。顺带复习一下 JS 事件。 为实现不同模块间的消息传递,我最初使用的是 j...

  • JS全屏事件

    2018年1月29日 方案 监听 resize 事件,当width和height恰好等于屏幕的长宽时候,就认为是全屏。 此刻添加 scaleX ...

  • ThreeJS 学习笔记

    去掉图片大小检测的warnning texture.minFilter = THREE.LinearFilter; 链接 释放内存 compon...

  • Resize,w 360,h 240
    Canvas 交互

    2017年12月28日 背景 canvas 是一张画布,仅有一个DOM元素,浏览器没有内置多余的API,所有的交互需要开发直接实现。 几何计算 ...

  • Resize,w 360,h 240
    drawImage() 的锯齿问题

    2017年9月5日 背景 遇到 Canvas 使用 drawImage() 绘制图形出现锯齿严重的问题。 drawImage() drawIma...

  • Resize,w 360,h 240
    模拟 Odemeter 的 Canvas 翻牌器

    2017年8月8日 一、思路 对比 odemeter.js 方式。 弊端:生成了太多 DOM。性能瓶颈。 初始方案: 使用数张临时canvas来...

  • Resize,w 360,h 240
    D3力导向图

    2017年5月8日 一、背景 力导向图非常适合于渲染关系型信息图。 二、什么是力导向图(Force-directed)? 我们可以把整张 Net...

  • Canvas 粒子线条动效

    2017年5月11日 一、动效描述 ​许许多多不同颜色、不同形状的图形在画布中随机运动,彼此的连线随着距离远近而变化。当点击画布上某一个图形时,...