
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 · 657 阅读 · 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 · 1527 阅读 · 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 · 232 阅读 · 0 评论 -
点击按钮下载图片
代码: <template> <!-- 下载二维码 --> <div class="link-popup"> <div class="link-popup-con"> <img :src="imgs" /> <el-button @click=...转载 2019-05-30 17:12:47 · 1506 阅读 · 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 · 1586 阅读 · 0 评论 -
js 模拟获取验证码
最终效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时自动获取验证码</title> </head> <body> 验证码:&am原创 2019-02-26 15:52:43 · 1187 阅读 · 0 评论 -
JavaScript 小案例 随机五位数验证码
功能展示: 点击按钮,随机生成数字+大小写字母验证码 所有代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>随机生成验证码</title> </head> <style> /*验证码*原创 2019-01-27 10:48:14 · 1455 阅读 · 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 · 450 阅读 · 0 评论 -
JavaScript 小案例背景自动切换
功能: 窗口打开背景图自动跳转切换 所有代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景切换</title> </head> <body&a原创 2019-01-27 11:21:02 · 502 阅读 · 0 评论 -
JavaScript 小案例 拖拽和投放删除
功能: 1.用鼠标图片拽元素,元素变色,鼠标跟随出现默认图片,鼠标松开默认图片消失,元素恢复原状。 2.拖拽至垃圾箱时,垃圾箱高亮提示。 3.鼠标在垃圾箱松开,当前拖拽元素消失。 4.文字显示刚刚删除的元素。 所有代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g...原创 2019-01-27 11:42:55 · 651 阅读 · 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 · 604 阅读 · 0 评论 -
js 前端表单验证
最终效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> <style type="text/css">原创 2019-02-26 14:48:48 · 1444 阅读 · 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 · 990 阅读 · 0 评论 -
JavaScript 原生 小案例 秒杀时钟倒计时
功能介绍: 1.时/分/秒倒计时直至为零 所有代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>倒计时</title> <style type="text/css"> *{原创 2019-01-19 22:00:28 · 268 阅读 · 0 评论