在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

这是一篇旧文，旧博客停用，文章迁移至掘金重新发出来。 开发过程中经常有意无意地刻意避开数学相关的知识，你也知道解数学题非常枯燥无趣。平时写动画也尽量使用 css3 来实现，timer-function 随意选用，最多也就调一下 cubic-bezier，找到看着舒服的就行。但是…

我正在参加「掘金·启航计划」,最新闲来无事,决定学习一下新技术,丰富一下自身(实在是无鱼可摸了,jym发小故事的频率不太行啊),所以就让我来给jym创造一点话题吧.

分析 我们抛开before不谈的话；其实原理和上一篇文章是一致的css是你永远学不会的语言；都是通过背景大小以及配合位置达到颜色渐变的效果。 text-transform: uppercase；是指将

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

原生JS实现滑块验证和拼图验证 题目阐述 题目一：滑动解锁 让滑动到滑块到最末端，即可通过验证。 效果如下 题目二：拼图解锁 让图形移动到图片中缺失的位置，即可通过验证。 效果如下 思路解析 滑块验证

大家好，我是六六。之前项目中用到别人的滑动验证组件，有点卡卡的，所幸就自己写一个呗。今天就分享给大家。目前只是大概的第一版，可能各方面都有不足，大家努力努力提提意见哈，争取做到最完美哈哈。所以第一板块就是更新类容啦，请大家给个关注吧，多多支持。

很多时候我们在开发前端页面时都会做一些动画效果来提升用户体验度和页面美观度，所以今天就来给大家推荐几个好用的JavaScript动画库，希望对各位小伙伴有所帮助！ Animate.css animat