JavaScript
关注
分享
扫一扫
CV键都碎了
真·前端小垃圾，努力混饭的智障
展开
-
JS判断所有input，全部为空提示，有一个不为空则提交
首先为所有input增加name属性 <el-form-item label="承担的重点工作" prop="priorityWork"> <el-input v-model="dataForm.priorityWork" placeholder="承担的重点工作" style="width:450px" name="must"></el-input> </el-form-item> <el-form-it原创 2021-07-08 11:28:30 · 1259 阅读 · 0 评论 -
机构管理新增弹窗间距更改
原始界面：由于间距太大需要缩小更改后：缩小间距/deep/.ant-form-item{ margin-bottom: 5px; }调整一行多个元素<div> <a-row type="flex" justify="space-around"> <a-col :span="6"> </a-col> <a-col :原创 2021-05-20 10:23:00 · 192 阅读 · 0 评论 -
JS高级 — 数据，变量，内存
什么是数据？储存在内存中代表特定信息的东西，本质上是0101.什么是内存？内存条通电后产生的可储存的空间(临时的)内存产生和死亡：内存条==》通电==》产生内存空间==》存储数据==》处理数据==》断电==》内存空间和数据都消失内存分类：栈：全局变量/局部变量堆：对象 function fn(){ var obj = { name:'Tom' } // } obj存放在栈内存中，name:Tom存放在堆内存中什么是变量？每个变量都对应一小块内存，变量名..原创 2021-05-19 17:47:30 · 111 阅读 · 0 评论 -
div随鼠标拖拽
<!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>Doc原创 2021-05-06 15:40:07 · 127 阅读 · 0 评论 -
dom增删改
此程序对dom节点进行操作<!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"> &l原创 2021-04-27 14:10:29 · 153 阅读 · 0 评论 -
dom查询的其他方法
document.querySelector() 可以接受一个CSS选择器作为参数。只返回第一个。var div = document.querySelector(".box1 div");console.log(div.innerHTML);<div class=""box1> <div>我是box1中div</div></div>document.querySelectorAll() 可以接受一个CSS选择器作为参数。返回全部对象做参.原创 2021-04-26 17:53:43 · 63 阅读 · 0 评论 -
DOM全选练习
本页面完成全选/全不选，反选按钮。代码如下：<!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"原创 2021-04-26 16:56:25 · 164 阅读 · 0 评论 -
判断质数练习
质数： 质数(prime number)又称素数，有无限个。一个大于1的自然数，除了1和它本身外，不能被其他自然数整除。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2021-04-25 18:03:45 · 191 阅读 · 0 评论 -
dom查询方法02
parentNode , 表示当前节点的父节点previousSibling ， 表示当前节点的前一个兄弟节点nextSibling , 表示当前节点的后一个兄弟节点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta.原创 2021-04-25 14:36:39 · 78 阅读 · 0 评论 -
dom查询方法01
getElementsByTagName() , 返回当前节点的指定标签的后代节点。childNodes ， 表示当前节点的所有子节点。firstChild ， 表示当前节点的第一个子节点。lastChild，表示当前节点的最后一个子节点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl.原创 2021-04-25 10:52:44 · 82 阅读 · 0 评论 -
DOM
什么是DOM？JS通过DOM来对网页进行操作。HTML节点网页中每一个部分都是节点。var btn = document.getElementById("btn");btn.innerHTML = "我不是按钮"原创 2021-04-23 13:53:53 · 80 阅读 · 0 评论 -
正则表达式
正则表达式用来匹配输入信息内容。/[a-z]/! []或 a-z任意数字 !不区分大小写split() 根据任意字母拆分字符串var str = "a1s2e3r4t5y6u7i8o9p0"var result = str.split(/[a-z]/!);search() 搜索字符串中的指定内容。search只能查找第一个。str = "attribute sth with sth abc adc afc";result = str.search(/a[bdc]c/);原创 2021-04-23 10:59:54 · 150 阅读 · 0 评论 -
字符串相关方法
charAt 可以返回字符串中指定位置的字符。charCodeAt可以返回下标字符串中的unicode编码 str = "Hello Atguigu"; var result = str.charAt(0); var result = str.[6]; //效果和charat一样 var result = str.charCodeAt(0); console.log("result ="+result); //Hin.原创 2021-04-21 17:52:54 · 66 阅读 · 0 评论 -
Math
Math类是一个构造函数Math.ceil 上舍入,向上取整。console.log(Math.ceil(1.4)); // 2Math.floor 向下取整console.log(Math.floor(1.4)); // 1Math.round 四舍五入取整随机数生成100个10以内的随机数for(i = 0;i<=100;i++){ console.log(Math.round(Math.random()*10)); }具体参考W3S原创 2021-04-21 15:50:17 · 101 阅读 · 0 评论 -
Date
获取当前时间 var d = new Date(); //创建一个指定的时间对象 var d2 = new Date("4/21/2021 10:05:00"); var date = d.getDate(); console.log(d);时间戳： 从格林威治时间1970年1月1日，0时0分0秒到当前时间所花费的毫秒数。（1秒等于1000毫秒）。计算机在底层保存事件时都使用时间戳。var d2 = new Date原创 2021-04-21 10:59:19 · 77 阅读 · 0 评论 -
arguments
arguments是一个类数组对象在调用函数时，我们所传递的实参都会在arguments中保存arguments.length就是实参的数量。 <script> function fun(){ console.log(arguments instanceof Array); console.log(Array.isArray(arguments)); //判断数组 console.log(arg.原创 2021-04-21 09:48:07 · 80 阅读 · 0 评论 -
apply和call方法
这两个方法都是函数对象的方法，需要通过函数对象来调用。当对函数调用call和apply都会调用函数执行function fun(){ Alert("我是fun函数");}fun.apply();fun.call();fun();原创 2020-12-31 10:28:44 · 85 阅读 · 0 评论 -
JS数组
W3school 离线手册开发文档，可以查询字段功能数组的存储性能比普通对象要好，在开发中我们经常使用数组老存储一些数据//创建数组对象var arr = new Array();//向数组中添加元素arr[0] = 10;arr[1] = 30;arr[2] = 54;arr[20] = 33;arr[50] = 40;//这会造成数组中产生空值//向数组的最后一位添加元素arr[arr.length] = 70;arr[arr.length] = 80;arr[arr.le原创 2020-12-29 10:06:21 · 95 阅读 · 0 评论 -
垃圾回收机制
当一个对象没有任何变量或属性对它进行引用，此时我们将永远无法操作该对象。此时这种变量就是一个垃圾，过多会占用大量的内存空间，导致程序运行变慢。JS中有自动垃圾回收机制，我们只需要把不使用的对象设置成null即可...原创 2020-12-23 09:20:05 · 75 阅读 · 0 评论 -
原型模式
原型 prototype每次新建一个函数，解析器都会向函数中添加一个属性prototype。这个属性所对应的就是所谓的原型对象。如果函数作为普通函数调用，prototype没有任何所用。当函数以构造函数的形式调用时，他所创建的对象都会有一个隐含属性。指向该构造函数的原型对象，我们可以通过__proto__来访问该属性。function MyClass(){}//向MyClass的原型中添加属性aMyClass.prototype.a = 123;//向My.原创 2020-12-22 10:44:49 · 84 阅读 · 0 评论 -
JS基础：对象
对象的简介1.内建对象由ES标准定义的对象，在任何ES标准中都可以使用比如：Math String Number Boolean Function Object2.宿主对象由JS运行环境提供的对象，目前是主要由浏览器提供的对象。比如 BOM DOM3.自定义对象由开发人员自己创建的对象。对象就相当于一个塑料袋，里面装着属性和值构成一个整体对象的基本操作1.创建对象使用new关键字调用的函数，是构造函数constructor构造函数是专门用来创建对象的函数va.原创 2020-12-10 11:00:40 · 142 阅读 · 0 评论