自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 Vue跑马灯marquee组件(双端通用)

目录一、实现效果二、实现过程三、js版本源码四、Vue组件源码一、实现效果二、实现过程 前言:最开始用间隔器方案制作了一个跑马灯,但是放在移动端中会出现严重的掉帧卡顿现象,于是整理思路后采用transition方案制作一个从右到左的动画处理问题 思路整理: 1.过渡是需要设定时间的,但是跑马灯中的文本可能是长短不一的 解决方案:根据文本的总宽度(即文本总长)设定过渡时间,假设文本宽度500px,我们将其除以...

2021-06-24 10:39:13 2696

原创 原生JS实现跑马灯marquee

一、实现效果

2021-06-01 16:27:17 727

原创 原生JS实现黑猩猩测试

零、体验游戏http://aring.3vfree.net/game/Chimpanzee-Test/index.html一、实现效果二、实现过程看上图实现效果,大致的思路梳理:1.设定一个表格,初始隐藏所有单元格2.随机给单元格赋值以及添加边框3.根据游戏难度等级循环赋值单元格4.赋值完毕后为单元格添加点击事件以判断点击结果5.判定尝试次数以及继续游戏/重新游戏功能梳理好思路开始写脚本:第一步实现让单元格随机显示在表格中,如下图首先,..

2021-05-14 17:31:25 640 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 1201 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 306

原创 【JS】两个页面之间的传参和获取(获取url中的参数)

前言:近期首次完成了一次项目,其中大量用到两个页面之间的传参和获取,在此做一个总结。零、获取url中的参数函数只是需要获参函数的朋友这里直接复制就好~<script> // 截取字符串后面的参数 function getParameter(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构建一个含有目标参数的正则表达式对象 v

2021-01-23 15:15:47 3026

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除