Javascript
阳光的男夹克
心软的人没遇到 小火慢炖的粥掺了水
展开
-
对象去重的方法
逻辑就是遍历处所有的id,把id用set的方式去重,对比两者是否相同。原创 2023-05-19 12:45:11 · 188 阅读 · 1 评论 -
Html 实现倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title倒计时title> <style> input { width: 40px; height: 20px; } #remainTime{原创 2022-01-11 10:01:50 · 10080 阅读 · 2 评论 -
Javascript 数组去重
把数组中重复的元素去掉var arr = [1,2,1,2,3,3,3,4,5,5];function getArray(arr){ var newArr = []; for(var i=0;i<arr.length;i++){ // 做判断 判断NewArr中没有的元素 if(newArr.indexOf(arr[i]) == -1){//在newArr中判断是否有arr中的元素(indexof,存在返回索引,不存在返回-1) 判断原创 2021-06-13 22:34:40 · 168 阅读 · 2 评论 -
判断数组中是否存在某一个值的方法
var arr = [10,11,12,13];function(obs) { const res = arr.some(item => item === obs) const res = arr.find(item => item === obs) const res = arr.indexOf(obs) const res = arr.filter(item => item === obs) const res = arr.filter(item => item !原创 2021-04-24 11:31:53 · 2115 阅读 · 0 评论 -
Javascript 生成随机数
function rand(m,n) { return Math.ceil(Math.random() * (n + m + 1)) + m - 1;}rand(1,100)原创 2021-04-24 11:23:46 · 130 阅读 · 0 评论 -
Math对象
不需要创建,可以直接使用Math.PI 取圆周率abs() 取绝对值floor() 向下取整ceil() 向上取整round() 四舍五入取整max() 取一组数字最大min() 取一组数字最小pow() 取x的y次幂random() 取随机数 >=0 <1...原创 2021-03-18 15:21:22 · 50 阅读 · 0 评论 -
Date对象
Date对象创建Date对象new Date('2019/6/19 10:48:50')new Date(2019,5,19,10,48,50) //1月~12月范围 0~11new Date() 存储当前的系统时间new Date(24*60*60*1000) 存储距离计算机元年毫秒数getFullYear() 返回年份getMonth() 返回月份getDate() 返回月份的某一天getHours() 返回时间的小时字段getMinutes() 返回时间的分钟字段getSe原创 2021-03-18 15:18:07 · 64 阅读 · 0 评论 -
Js 基础
Js的全局作用域就是windowFunction 内存中保存一段代码的函数 代码重用 调用函数 函数名(实参值)第一种 以声明的方式创建函数 function 函数名(形参列表){ 函数体 return 返回值 } 有一个问题:会被声明提前第二种 以赋值的方式创建函数 var arr= function (形参列表){ 函数体 return 返回值 }第三种 用new创建函数 几乎不用 var fun=new Function函原创 2020-09-07 09:04:48 · 290 阅读 · 0 评论 -
数组字符串去重
arr() { var arr = [1,2,3,1,2,3] let arr1 = Array.from(new Set(arr)) console.log(arr1);}// 去除数组的重复成员[...new Set(arr)]// 去除字符串里面的重复字符。[...new Set('ababbc')].join('')// "abc"...原创 2020-09-07 09:06:33 · 701 阅读 · 0 评论 -
常用正则表达式
可新建vue文件存储验证规则 demo.js//手机号码验证export const isMobile = (num) => { return /^1[3456789]\d{9}$/.test(num)}//设置登录密码 6-14英文数字组合export const isPass = (pass) => { return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,14}$/.test(pass)}//中文验证 2-4个中文原创 2020-09-07 09:07:06 · 102 阅读 · 0 评论 -
Draggable 拖动元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- 1、首先,原创 2020-09-08 13:06:15 · 369 阅读 · 0 评论 -
EncodeURIComponent 把字符串作为 URI 组件进行编码
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码<script type="text/javascript">document.write(encodeURIComponent("http://www.w3school.com.cn"))document.write("<br />")document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))document.原创 2020-09-08 14:32:47 · 158 阅读 · 0 评论 -
字符串相关
判断字符串的数量字符串.length原创 2020-09-11 15:44:05 · 80 阅读 · 0 评论 -
用 Js 进行 Base64 编码、解码
从IE10+浏览器开始,所有浏览器就原生提供了Base64编码、解码方法,不仅可以用于浏览器环境,Service Worker环境也可以使用。window.btoa('china is so nb') // 编码"Y2hpbmEgaXMgc28gbmI="window.atob("Y2hpbmEgaXMgc28gbmI=") // 解码"china is so nb"当下,仍有不少PC项目还需要兼容IE9使用开源的base64.js ,使用很简单,浏览器引入该JS文件,然后Base64编码这样转载 2020-09-14 15:39:12 · 2633 阅读 · 0 评论 -
自定义事件 CustomEvent
自定义事件 tReady 创建一个js文件自定义事件 const myevent = new CustomEvent("tReady", { detail: { msg: 99, doc: document }, bubbles: true, cancelable: true }); // 输出事件 window.dispatchEvent(myevent);使用方法var iframe = document.getElemen原创 2020-09-15 14:32:33 · 231 阅读 · 0 评论 -
Js 原型及原型链
以下三点需要谨记1.每个对象都具有一个名为__proto__的属性,字面量对象除外;2.每个构造函数(构造函数标准为大写开头,如Function(),Object()等等JS中自带的构造函数,以及自己创建的)都具有一个名为prototype的方法(注意:既然是方法,那么就是一个对象(JS中函数同样是对象),所以prototype同样带有__proto__属性);3.每个对象的__proto__属性指向自身构造函数的prototype;示例一let obj = {}console.log(obj)原创 2020-09-15 22:11:16 · 291 阅读 · 0 评论 -
Js 日期加减
通用变量let dateTime=new Date();this.dateFomat是对日期格式化为 2020 - 10 - 09 的格式// 减一天dateTime = dateTime.setDate(dateTime.getDate() - 1);dateTime = this.dateFomat(new Date(dateTime));console.log(this.dateTime );// 加一天dateTime = dateTime.setDate(dateTime.ge原创 2020-10-09 11:28:14 · 762 阅读 · 0 评论 -
什么是防抖和节流?有什么区别?如何实现?
防抖:连续触发事件,只要不是最后一次触发,就不执行异步操作<button>点我试试</button><script> var btn = document.querySelector('button') var timer = null btn.onclick = function () { // 每次执行把上一次定时器清除,第一次执行也会清除timer clearTimeout(timer) // 延时 0.5s 执行 t原创 2021-01-27 11:59:29 · 1799 阅读 · 8 评论 -
localStorage 和 sessionStorage
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage.setItem("key", "value"); // 保存数据语法var lastname = localStorage.getItem("key"); // 读取数据语法localStorage.removeItem("key"); // 删除数据语法sessionStorage.setItem("key", "value"); // 保存数据语法var原创 2021-02-23 18:40:01 · 89 阅读 · 0 评论 -
JSON stringify 和 parse
var data= { name:'测试', page:7, rows:20,}// JSON.stringify() 方法将 JavaScript 对象转换为字符串var valStr = JSON.stringify(data); // JSON.parse() 方法将数据转换为 JavaScript 对象var value = JSON.parse(valStr);原创 2021-02-23 18:45:59 · 61 阅读 · 0 评论 -
Javascript 流程控制语句
顺序结构顺序结构就是最简单的流程控制语句,没有特点的语法结构,按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的原创 2021-02-24 09:36:07 · 105 阅读 · 3 评论 -
遍历数组的 12 种方法
第一种:普通for循环for(var i = 0; i < arr.length;i++ ){ //代码 }第二种:forEach循环 arr.forEach((item,index,arr)=>{ //代码 }) forEach接收一个回调函数作为参数,而这个回调函数有接受三个参数,作为参数。item是每个元素,index元素在数组中的下标,arr数组本身。 没有返回值!第三种:map循环 var br转载 2021-03-02 14:24:59 · 895 阅读 · 0 评论 -
数组方法
数组方法delete删除之后数组长度不变,只是被删除元素被置为undefined了 delete arr[0];Var arr=[ ]自己定义下标的数组是关联数组,赋值arr[‘咩咩是下标’] =“燕子”toString() 把数组转换为字符串(逗号分隔)的字符串 不可以规定分隔符splice(下标,数量,item1,.....,itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。index数组下标 item1,.....,itemX新增元素 数量为0不删除join()原创 2021-03-18 10:34:52 · 78 阅读 · 0 评论