2021-07-04
实现效果点击查看
HTML 代码1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html lang=&q
category
category
原生js项目 分类
2021-07-02
点击查看
简介实现模拟时钟的效果，大致思路和解决方案如下：
分别获取到当前时间的时、分、秒。
通过时分秒对一圈360度，进行映射，确定每一个指针所需旋转的角度。
通过CSS的transform：rotate(deg)，来实时的调整指针在键
2021-06-16
实现效果点击查看
用 JavaScript 和 CSS3 实现拖动滑块时，实时调整图片的模糊度、背景颜色，同时标题中 JS 两字的颜色也随图片背景颜色而变化。
涉及特性
:root
var(--xxx)：CSS 变量（CSS Variabl
2021-06-16
简介项目效果：点击查看
用JS制作一个爵士鼓的页面，通过敲击键盘上不同的字母，会发出不同的声音，并且页面上会伴随着敲击的动画。
想要实现以上效果，大致思路和解决方案如下：
检测到键盘上什么键被按下–监听keydown事件
在按键被按下的时
2021-06-15
项目效果效果预览
涉及特性Canvas：
模板骨架
基本属性
getContext()
strokeStyle
fillStyle
fillRect
lineCap
lineJoin
路径绘制
beginPath()
lineTo()