JavaScript 案例
WinterWang0207
github: wangwenqi0207
工作繁忙博客许久未更新 非常抱歉
展开
-
找出字符串中连续出现最多的字符和个数
function getMaxCharacters(str) { const map = {} var arr = str.match(/(\w)\1+/g) var max = arr[0].length arr.map(v => max = Math.max(max, v.length)) cons...原创 2019-11-13 17:26:37 · 621 阅读 · 0 评论 -
求两个日期中间的日期
function rangeDay (day1, day2) { const result = [] const dayTimes = 24*60*60*1000 const startTime = day1.getTime() const range = day2.getTime() - startTime let total = 0 ...原创 2019-11-13 16:49:52 · 1472 阅读 · 0 评论 -
js 数组小习题
找出元素 item 在给定数组 arr 中的索引位置 mounted(){ //找出元素 item 在给定数组 arr 中的索引位置 console.log(this.indexOf([ 1, 2, 3, 4 ], 3)) //2 }, methods:{ indexOf(arr, item) { if (Array.proto...原创 2019-07-22 15:14:59 · 193 阅读 · 0 评论 -
点击按钮下载图片
代码:<template> <!-- 下载二维码 --><div class="link-popup"> <div class="link-popup-con"> <img :src="imgs" /> <el-button @click=...转载 2019-05-30 17:12:47 · 1470 阅读 · 0 评论 -
JS 获取和监听 手机屏幕方向变化
代码:var mql = window.matchMedia('(orientation: portrait)'); console.log(mql); function handleOrientationChange(mql) { if (mql.matches) { console.log('竖屏'); // 竖屏 alert('竖屏'); ...转载 2019-05-15 15:04:43 · 1441 阅读 · 0 评论 -
js 模拟获取验证码
最终效果<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时自动获取验证码</title></head><body> 验证码:&am原创 2019-02-26 15:52:43 · 1150 阅读 · 0 评论 -
JavaScript 小案例 随机五位数验证码
功能展示:点击按钮,随机生成数字+大小写字母验证码所有代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>随机生成验证码</title></head><style>/*验证码*原创 2019-01-27 10:48:14 · 1396 阅读 · 1 评论 -
JavaScript 小案例 60秒倒计时
功能展示:1.点击按钮,2.开始倒计时3.到1后还原为60<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>60秒倒计时</title></head>&a原创 2019-01-27 10:52:56 · 406 阅读 · 0 评论 -
JavaScript 小案例背景自动切换
功能:窗口打开背景图自动跳转切换所有代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景切换</title></head><body&a原创 2019-01-27 11:21:02 · 469 阅读 · 0 评论 -
JavaScript 小案例 拖拽和投放删除
功能:1.用鼠标图片拽元素,元素变色,鼠标跟随出现默认图片,鼠标松开默认图片消失,元素恢复原状。2.拖拽至垃圾箱时,垃圾箱高亮提示。3.鼠标在垃圾箱松开,当前拖拽元素消失。4.文字显示刚刚删除的元素。所有代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-01-27 11:42:55 · 593 阅读 · 0 评论 -
JavaScript 小案例 弹幕
功能:1.输入框内输入文字,点击发送,或按enter键2.框内文字清空3.文字随机从屏幕左边运动至屏幕右边4.文字运动到右边界结束消失所有代码:<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; c...原创 2019-01-27 12:20:58 · 546 阅读 · 0 评论 -
js 前端表单验证
最终效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <style type="text/css">原创 2019-02-26 14:48:48 · 1417 阅读 · 1 评论 -
js 简单弹幕效果
最终效果:<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"&am转载 2019-02-26 15:33:52 · 967 阅读 · 0 评论 -
JavaScript 原生 小案例 秒杀时钟倒计时
功能介绍:1.时/分/秒倒计时直至为零所有代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>倒计时</title> <style type="text/css"> *{原创 2019-01-19 22:00:28 · 242 阅读 · 0 评论