JavaScript
米咪米
这个作者很懒,什么都没留下…
展开
-
Vue表格自定义合计、小计功能
Vue表格自定义合计、小计功能原创 2023-12-12 10:52:32 · 512 阅读 · 0 评论 -
js 校验时间格式
js 校验时间格式原创 2023-03-07 16:12:16 · 726 阅读 · 0 评论 -
前端 cryto-js 加密
前端 cryto-js 加密原创 2023-03-05 14:33:01 · 202 阅读 · 0 评论 -
字符串操作(JS)
方法名 说明 返回值 concat 连接两个或者多个数组, 不影响原数组 返回一个新的数组 slice(begin, end) 数组截取 不包括end 返回被截取的新数组 splice(begin, end) 数组删除, 包括end 返回被删除项目的新数组,会影响...原创 2021-07-22 09:38:37 · 78 阅读 · 0 评论 -
倒计时(JS)
一、核心算法:1、获取当前时间 startTtime2、设置将来时间 endTime3、因为我们当前的时间每一秒都会发生改变,因此我们只要利用 endTime-startTtime就能实现倒计时的效果,4、+new Date() 可获取当前时间的毫秒数5、+new Date('2021-07-19 09:09:00') 可设置时间二、实现代码<!DOCTYPE html><html lang="en"><head> <me原创 2021-07-19 09:10:28 · 79 阅读 · 0 评论 -
动态生成表格(JS)
一、核心算法:1、创建行,添加行 tr2、在行中,添加列 td (遍历对象)3、在行的最后添加一列操作列4、添加删除点击事件二、实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="原创 2021-07-16 16:44:46 · 196 阅读 · 0 评论 -
全选反选(JS)
一、核心算法:1、点击全选按钮时, if(全选按钮选中){ 那么使下面所有小按钮全选中 } else { 是下面所有的按钮处于未选中状态 }2、点击下面的小按钮时, 只要有一个没有被选中,那么全选按钮就是未选中状态, 否则,全选按钮被选中二、实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2021-07-16 10:04:11 · 124 阅读 · 0 评论 -
表格隔行变色(JS)
一、功能:鼠标经过当前行时,背景色发生改变二、核心算法:(排他思想)1、获取所有 tr2、当鼠标经过(onmouseover)时,设置当前行的背景色3、当鼠标离开(onmouseout)时,清空所有行的背景色三、实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2021-07-15 23:43:02 · 390 阅读 · 0 评论 -
tab栏切换(JS)
一、功能:1、点击每个 li 时,改变其背景色和字体颜色,2、并且在下方显示相应的内容二、核心算法:(排他思想)1、当我们点击每个小 li 之前,先给每个小Li设置一个索引号2、点击小 li 时,我们先把所有 li 的背景样式都清空(干掉所有人)3、设置当前 li 的背景样式(留下我自己)4、用index 记住当前 li 的索引号5、同样,我们先把所有的内容模块都设置为不可见(display:none)6、设置当前 li 的内容块为可见 (display:bloc...原创 2021-07-15 22:32:32 · 171 阅读 · 0 评论 -
简易留言板(JS)
一、功能:1、添加留言2、留言条背景色随机改变二、核心算法:1、创建节点 li2、添加节点 ,在ul中添加li3、编写颜色随机改变函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=原创 2021-07-15 17:23:03 · 696 阅读 · 0 评论 -
数组翻转(JS)
方法一:使用reverse()var arr = ['a', 'b', 'c', 'd'];arr1 = arr.reverse();console.log(arr1);实现效果:方法二:var arr = ['a', 'b', 'c', 'd'];var newarr = [];for (var i = arr.length - 1; i >= 0; i--) { newarr[newarr.length] = arr[i]; // newarr.leng原创 2021-07-15 09:52:01 · 507 阅读 · 0 评论 -
数组(JS)
一、概念数组可以把一组相关的数据放在一起,并提供方便的访问(获取)方式 数组是一组数据的集合,其中的每个数据我们称之为元素,在数组中,可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。二、创建数组JS中创建数组有两种方式:(1)、利用new关键字创建数组:var 数组名 = new Array();var arr = new Array(); // 创建一个新的空数组(2)、利用数组字面量创建数组// 1、使用数组字面量方式创建空数组var 数组名原创 2021-07-15 09:40:57 · 58 阅读 · 0 评论 -
根据不同时间显示不同的图片(JS)
功能:分时间显示不同的图片早上显示上午好,显示上午的图片 6-10中午显示中午好,显示中午的图片 10-14下午 14-20晚上 20-6<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v原创 2021-07-14 20:45:31 · 1928 阅读 · 0 评论 -
判断字符串中出现次数最多的字符(JS)
核心算法:1、用charAt遍历字符串2、创建一个空对象,将每个字符存储在对象中,做判断,如果该属性值不为0,表示这个属性已经存进来了,只要将其属性值加1即可,否则,该属性没存进来,那么该属性值就等于1obj {字符:出现的次数}3、遍历对象,找出出现次数最多的字符,以及出现次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-07-14 14:53:26 · 3700 阅读 · 1 评论 -
html显示时间,并且实时刷新
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-07-14 09:08:18 · 11421 阅读 · 0 评论 -
arguments的使用(JS)
arguments存储了所有传过来的实参,是以一种伪数组的方式展示。注意事项:1、arguments只能用于函数中,而且每个函数都内置了arguments2、具有数组的length属性3、按照索引的方式进行存储的,从0开始4、它没有真正数组的一些方法,比如pop()、push()等;5、当不知道传了几个参数时,就可以用argumentsfunction fn() { console.log(arguments); // 相当于arguments=[1,2原创 2021-07-13 11:26:24 · 1141 阅读 · 0 评论 -
JavaScript打印正三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>打.原创 2021-07-13 09:59:56 · 2908 阅读 · 0 评论