崔火火火火

GSAP 全称为 GreenSock Animation Platform，是 GreenSock 提供的一个制作动画的成熟的JavaScript库。 TweenLite：是 GSAP 的主体核心。 TweenMax：是 GSAP 集合包，包含其他的三个模块。 Timeline…

使用 Three.js 自带的 THREE.Points 可以实现一些炫酷的粒子动效，我们来看看这些效果是怎么实现的。 在圣诞或其他节日的时候，我们有时候需要实现一些雪花飘落的效果，而使用 Three.js 可以简单的实现出来。效果大致是这样的： 这些都是使用 Three.js…

后面的示例入口都是以这个html页面为样板。 其中 webgl-utils.js 、webgl-debug.js、cuon-utils.js 等，都是这本书配套的工具方法。 相关源码我自己做了收藏，可以再这里下载。《WebGL 编程指南》书中涉及的源码 可以直接使用 canva…

最近在做性能监控相关的工作，将准备工作中涉及的资料进行一次整理。 合成监控（Synthetic Monitoring，SYN），就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。 真实用户监控（Rea…

一、效果预览 现在我们要用 canvas 实现这样的一个仪表盘效果，要怎么实现呢？ 二、结构分析 我们先来分析一下这个仪表盘包含的元素 灰色的底部表盘，为半圆 绿色、黄色、红色的表盘，为半圆 刻度 中

有时候我们希望一段文字可以逐字符显现，模拟出打字的效果。我们尝试用 CSS 来说实现这种效果。 这个动画是连贯的，不是逐字出现的。 针对第一个问题，我们可以用 steps() 进行处理。 针对第二个问题，我们可以用 ch 这个css单位进行缓解。 ch 它表示的是 “0” 字形…

我们平时在使用组件库的时候，input 相关的组件一般会有 autosize 这样的属性，设置以后使得文本域的高度能够根据文本内容自动进行调整，下面我们来看下是怎么实现的。 实现文本域的高度能够根据文本内容自动进行调整的思路很简单：监听输入相关的事件，获取到元素的内容高度，修改…

flatten 的作用是将数组展平，但是只展平一级。 首先获取数组的长度，如果数组为 null 或者 undefined，则 length 为 0。 然后判断 length 是否不为 0 。如果为 0 ，则返回空数组，否则调用 baseFlatten ，注意 baseFlatt…

其几何意义是：向量的平移。 其几何意义和加法一致，也是向量的平移，可以看做 + ()， 为 的反方向。 实数λ和向量的乘积， 为向量λ。且 λ = 0， 方向任意。 |λ| < 1，表示 压缩 |λ| 倍。 两个非零向量的夹角记为,且∈[0,π]. 判断这两个向量是否是同一方向…