在日常开发中，我们会写 回到顶部、滚动条加载数据 等常用功能，这时候，我们不得不提到用 js 获取页面高度的问题....

这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。 看图来分析下，我们需要实现哪些效果。 好的，我们把整个效果大致拆分成三个效果，实现这三个效果，就完成了。 我们一步一步来实现。 用一个数组保存雨滴对象。 往数组中添加一定数量的雨滴对象，然后遍历数组，修改…

“是谁，在敲打我窗”这句歌词是出自蔡琴所演唱的《被遗忘的时光》，说起蔡琴，真是个暴露年龄的事。当年我还是青葱少年的时候，看过蔡琴那时老公导的一部电影，我清楚的记得那天是晚上10点半，我打算看完12点睡觉的，结果这部电影长达4个小时，我看完的时候已经是凌晨三点了，我当时很后悔为啥…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

先看效果（源码在最后）： 网上看到了这个效果，觉得很有趣，所以也实现下，并不难，过程如下： 实现过程： 1.定义p标签： 2.定义基本全局css样式： display: flex; justify-c

在写了一个html demo之后，想要查看页面效果，有些同学就会习惯性地右键然后在浏览器中打开，然而这并不是一个好的方法。

前言 前几日，在掘金刷到一片文章，叫产品经理：你能不能用div给我画条龙？，写得很生动，很有趣，就想着自己也去跟着作者去实现一下，话不多说，直接撸起袖子开干吧。

大家好，我是 Steven。 这个效果中文叫作骨架屏，英文叫 Skeleton，今期会跟大家分享在 CSS 上实现这个效果的方法。 打开 CodePen 编辑器，在 HTML 的部份加入一些结构，例如是一张卡片。 新增一个 <div> 标签，class 名为 card…

前端的数据可视化越来越重要，炫酷大屏的需求越来越多，您是否经常为屏幕不能自适应而烦恼？如何能让大屏在多种终端都呈现完美效果呢？也许本文可以给您带来帮助。 当屏幕宽高比例小于设计稿时，按设计稿比例沿水平