w3cTrain

Keep Moving

我是个很懒的人,开发过程中经常有意无意地刻意避开数学相关的知识,你也知道解数学题非常枯燥无趣。平时写动画也尽量使用 css3 来实现,timer-function 随意选用,最多也就调一下 cubic-bezier,找到看着舒服的就行。但是怎样让动画更顺滑,写出更贴近自然的动画,说实话以前我没怎么考虑过。

每次当动效设计师提出,能不能这样那样的时候,我会理所当然地予以否决。所以有很长一段时间,我非常羡慕那些能用 canvas 绘制很酷炫的动画的程序员。

sad man in sine
Read More...

昨天晚上睡觉前脑海中突然闪过一个特效,从构思,设计,编码,调试,优化,雕琢花了一个多小时。自己爽了一把,发给烧饼哥和吴大狗看,得到了一致评价。

先看效果图:

wave

由于录屏的缘故,看上去可能有些卡顿,也可以打开 CodePen 看源码,接下来的内容主要是讲如何实现这样的效果。

Read More...

最近因为项目原因,学习新的技术栈,不得不吐槽一句,前端现在切换技术栈就像学了新的语言,新的语法,运行机制,生命周期,性能优化方法。总体上看,现在的前端分两派,一类加分号,一类不加分号,切换时都想骂人。

Read More...

说起随机,你可能马上想到 -random (Dota 里面初始化通过random命令,随机挑选一个英雄),今天总结几个编码过程中常见的随机方法。

以 JavaScript 为例,我们通常会使用 Math 库的 random 方法,获得一个 0 到 1 的随机数。

1
Math.random()
Read More...

我们平常在写 setTimeout,onclick,ajax, Promise 的时候,通常称之为异步。拿 setTimeout 来说,定时任务会在合适的时机去执行。既然 JavaScript 是单线程,那是谁在定时,谁在判断是否应该去执行定时任务了?所谓异步执行和单线程是什么关系?

Read More...
12312