- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue跑马灯marquee组件（双端通用）
目录一、实现效果二、实现过程三、js版本源码四、Vue组件源码一、实现效果二、实现过程 前言：最开始用间隔器方案制作了一个跑马灯，但是放在移动端中会出现严重的掉帧卡顿现象，于是整理思路后采用transition方案制作一个从右到左的动画处理问题 思路整理： 1.过渡是需要设定时间的，但是跑马灯中的文本可能是长短不一的 解决方案：根据文本的总宽度（即文本总长）设定过渡时间，假设文本宽度500px，我们将其除以...
2021-06-24 10:39:13
2708
原创 原生JS实现黑猩猩测试
零、体验游戏http://aring.3vfree.net/game/Chimpanzee-Test/index.html一、实现效果二、实现过程看上图实现效果，大致的思路梳理：1.设定一个表格，初始隐藏所有单元格2.随机给单元格赋值以及添加边框3.根据游戏难度等级循环赋值单元格4.赋值完毕后为单元格添加点击事件以判断点击结果5.判定尝试次数以及继续游戏/重新游戏功能梳理好思路开始写脚本：第一步实现让单元格随机显示在表格中，如下图首先，..
2021-05-14 17:31:25
644
1
原创 JS+Position实现类接元宝游戏
一、实现效果二、实现过程先看一眼HTML结构<div class="top-bar"><span>得分：</span><span id="score">0</span></div><div class="container"> <div class="gem-container"> <div class="gem" id="gem0">
2021-04-22 15:18:47
1202
3
原创 原生JS实现打字游戏
一、实现效果二、源码主要的应用为：1.获取对应键位的unicode2.监听键盘按下（onkeydown）3.淡进、淡出的动画具体的实现过程在注释已经写的很详细了不再赘述，源码奉上：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=e
2021-03-15 14:01:17
307
原创 【JS】两个页面之间的传参和获取（获取url中的参数）
前言：近期首次完成了一次项目，其中大量用到两个页面之间的传参和获取，在此做一个总结。零、获取url中的参数函数只是需要获参函数的朋友这里直接复制就好~<script> // 截取字符串后面的参数 function getParameter(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构建一个含有目标参数的正则表达式对象 v
2021-01-23 15:15:47
3046
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人