Avatar notebook default
18篇文章 · 17704字 · 0人关注
  • 一个前端项目中能用上的领域模型

    关于「领域驱动设计」在前端的应用,断断续续都能看到一些博客,但大部分看完后不明觉厉,转眼就忘记了,最重要的原因是无法应用在自己项目中。 其实有一...

  • 一个 vscode 图片悬停预览插件

    在前端项目中,往往会使用到图片,可能是直接放在项目中,也可能是使用 cdn 地址,但它们都需要点击才能查看到图片具体是什么内容,显得繁琐,能否和...

  • 模仿 velocity.js 实现 DOM 动画类库(三)

    先来解决开始值与结束值单位不一致的问题。 单位转换 原理分析 假设动画元素初始宽度为300px,现在需要将其改变为50%,这就肯定需要将单位与值...

  • 模仿 velocity.js 实现 DOM 动画类库(二)

    separateValue 这次我们先来讨论如何正确分离属性值与单位,假设要实现下面的动画: 点击动画按钮,同时改变透明度、宽度以及旋转角度。 ...

  • Resize,w 360,h 240
    模仿 velocity.js 实现 DOM 动画类库(一)

    动画的原理就是每隔一段时间改变画面,这个时间小到眼睛无法识别,所以看起来就像是画面在动。 DOM 动画也是一样的,每隔一定时间就改变 DOM 的...

  • Resize,w 360,h 240
    three.js 动画学习

    动画就是通过改变位置实现。 旋转 先解决第一个问题,旋转之后的朝向,这个非常简单,因为car.rotation.y保存了之前的角度,只要在这个角...

  • Resize,w 360,h 240
    three.js 光与影学习笔记

    越来越感觉和绘画密切相关了,无论是光、影还是体积,都是绘画过程中追求的东西。 光源种类 环境光 先看一张图片 左边是天光,右边是太阳光。而环境光...

  • Resize,w 360,h 240
    three.js 基础学习笔记

    threeJs 是用来方便快捷创建 3D 视图的库,内部对 WebGL 的接口进行了封装。使得编写代码的过程更加贴近常规思维。 基础 Api 1...

  • Resize,w 360,h 240
    JavaScript 闭包学习笔记

    什么是闭包?直接上代码: 详细解读 之前在学习闭包时,简单记忆为: 函数能够 记住 定义时作用域中的变量。 比如这里的name="local",...

文集作者