w3cTrain

Keep Moving

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

先看效果图:

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...

最近做 h5 页面重构的时候,遇上几个让我很难受的问题:

  1. 为了设配,h5 通常会使用 rem 单位,几乎所有尺寸单位,都需要手动写一遍,px2rem($pixel);
  2. 对于颜色,阴影这些属性,每次都得手动加 #, 或者 rgba;
  3. 对于一些不常用的属性,得手动查文档,比如 box-shadow linear-gradient;
  4. 对于一些不是很明显的样式,经常会出现错漏,比如 text-shadow;
Read More...
12312