天来了，雪是不是也来了呢？我是一名前端程序员，是时候展示真正的技术了，雪花飘落是不是大家心中的一把火呢？

最近浏览博客的时候看到一个这样的案例，js实现雪花飘落效果。简单的给大家介绍下：如何用javascript实现雪花飘落效果，并且可以读取图片的alt信息显示出来。自个也复制了一份，送给头条号上想操练自个水平的同学可以去操练下。

这篇文章共享之前我仍是要引荐下我自个的前端技术交流群：640633433，小编我都挺期待，不定期共享干货，包含我自个整理的一份2018最新的前端材料和零根底入门教程，期待你的加入学习！

JavaScript实现雪花飘落效果展示图图：

我们继续说实现雪花飘落的效果

主要是以下4步：

1、定义一片雪花模板；

2、设置第一个定时器，周期性定时器，每隔一段时间生成一片雪花；

3、设置第二个定时器，一次性定时器，当第一个定时器生成雪花，并在页面上渲染出来后，修改雪花的样式，让雪花动起来；

4、设置第三个定时器，当雪花落下后，删除雪花。

上面是实现的思路，下面写出具体的代码，下面的代码是JS原生代码，最后会附上JQuery实现的代码，思路都一样。

注意：

因为定时器添加的事件，会在下一次Event Loop执行，所以第二个定时器的作用是为了让生成的雪花先拼接到页面中渲染出来后，再修改他的样式，这样才能让他动起来，如果没有这个定时器，浏览器会把所有的JS代码都执行完之后才渲染页面，这样的话后面的样式就直接覆盖前面的样式了，雪花就没法动了，这和浏览器的线程有关系。

简单说，意思就是用了这个定时器，能把两次修改样式的代码分开执行，可以先把第一次修改的样式渲染后，在进行第二次的修改，雪花就会动了。

jQuery实现效果代码：

冬天了，大家注意添加衣服哈，打雪仗记得多建几个雪人，一年或者几年才有一次，哈哈

最后在说几句：

厉害程序员相对于普通程序员的优势在于：

写出的代码更容易排错，不是高手的代码就不会错，而是高手的代码出了错容易找。高手的代码可读性一定很好，模块清晰，命名规范，格式工整，关键的地方有注释，出了异常有log，自然容易排错，即使交给别人去debug也是比较容易的。

这个特效项目到这里就算是做完了，想要完整代码自己学习练手的小伙伴进我的群自助领取，已经上传到群文件里了：640633433，里面也有更多好玩的前端项目，欢迎初学和进阶中的小伙伴。

如果项目有哪些缺陷，欢迎在评论区指正！

如何还不够火，大家可以在评论区写几句冬天里的一把火的歌词

ttp://dy.163.com/v2/article/detail/DD492GP90515SE63.html

北京连续跳票一个冬季的雪，今天终于来报道了！

3月飘雪，分分钟上热搜！

随意发几张北京雪景图，请大家感受一下：145天无降水后，首都人民喜迎飘雪的心情~

不过，作为在二次元圈摸爬滚打了这么多年的有妹酱，对于北京这种小case的雪景，只有三个字——呵呵哒~

看过动漫中那些孤独的、温暖的、苍凉的、治愈的雪景后，北京这点小雪，根本不能动摇我！（这个逼装得满分）

那么，以下这些经典的动漫雪景，你都看过了吗？

《秒速五厘米》：孤独的我们，为了温暖风雪无阻

在新海诚的多部作品中，“雪”是很常用的场景和意象。

在《言叶之庭》、《追逐繁星的孩子》、《云之彼端约定的地方》等作品中，都曾有雪景场面出现。

《言叶之庭》中，曾经一起躲雨的凉亭，冬季空无一人

《追逐繁星的孩子》中，因丈夫去世，在雪地里无助哭泣的母亲

《云之彼端约定的地方》中，女主孤身一人在苍凉的“巨塔”上

总体来说，新海诚笔下的“雪”，都带着淡淡的孤独和忧伤。

但在这些雪景场面，有妹酱最喜欢的还是《秒速五厘米》中这一幕。

青梅竹马的男主角远野贵树和女主角篠原明里因转校而被迫分离，可能再也不能见面。

于是两人写信约定：某天放学后，晚上7点再见面。

到了约定那天，天公不作美，从早上开始下的寒雨，到中午时变成了大雪。放学后，贵树按约定乘坐电车前往车站。但由于下雪，电车晚点+停运，导致贵树错过了约定时间。

等待是如此折磨人。贵树当时猜想，明里也是这样焦急地在等待吧。

“这么晚了，她还会不会在等我？”

“这么晚了，他究竟有没有来赴约？”

凭借着互相对彼此的信任，两人终于车站相遇。相遇那一刻那种喜悦，抵消了漫长等待中的所有猜测和犹疑。

随后，两人一同前往信中所提到的樱花树下，确认了彼此的心意。

就算大雪纷飞，就算路途寂寞难熬，但有你在远方等着，就是我前行的动力。

《虫师》：雪很冷，但你很暖

如果要用一种颜色和季节来描绘《虫师》的感觉，那一定是苍茫雪白的冬季。

在这部动漫中，“虫”是一种自然界中无处不在的力量，拥有独特的生命形态，偶尔和人类生命产生交汇，便产生出一些奇妙的故事。

银古是一位虫师，他半生游历，经过一个个山野、村庄，为人们解决“虫”的问题。

银古的游历像风一样，再惊心动魄的“虫”，似乎都融化在水墨样的山峦叠嶂间，芸芸众生也是过眼云烟。

《雪之下》故事中，男主角阿时的妹妹因为阿时的疏忽，落入河塘中，不幸去世。

担负着失去妹妹的巨大伤痛和自责，阿时被常雪虫 缠住，一点点失去体温，再也感受不到冷。就算和人体的温度接触都会灼痛。

然而，一直关心着他的阿妙为了帮助他而落水。在阿时背着阿妙求救的路上，竟然被她心脏的一点温暖所拯救。

一路走着，一路复苏了对寒冷的感受，冻在脸上的泪水也是阿时被温暖所治愈的眼泪。

这个世界再寒冷，也抵不住暖心的力量。

《好想告诉你》：每一片雪花都诉说我的秘密

除了孤独和寒冷，雪花在另一类动漫作品中，却常常给人甜蜜的感觉。《好想告诉你》就是其中的典范。

这部动漫讲述了被人称为“贞子”的少女黑沼爽子，逐渐和阳光男孩风早翔太青涩而又美好的情感互动。

由于节奏实在太慢，一度被读者调侃，名字应改为《好想急死你》。

《好想告诉你》里面，爽子第一次和风早一起去寺庙初诣的场景。少年少女的悸动，在冬日和人群的渲染下，多了几丝暧昧与甜蜜的味道~

雪是一种天象，也是一种意象。

雪之于你，其实在于你自己的内心。

单身狗见了雪，会觉得内心无比凄凉。

恋爱中的CP，雪就是浪漫。

有妹酱真诚祝福：到下一场雪时，今天凄凉的单身狗，能和你心爱的她，在雪中相拥，在樱花树下接吻。

———— / END / ————

我是有妹酱，一个阅片无数的逗比萌妹纸。

欢迎关注，等你来撩！