JavaScript
js
Manta__
这个作者很懒,什么都没留下…
展开
-
vue字符串中获取a标签,修改值与href
第一种this.aList=document.getElementsByTagName("a")updated() { for(let i=0;i<this.aList.length;i++){ console.log('aaa555555555555',this.aList) this.aList[i].href =this.imgUrl+this.aList[i].innerHTML this.aList[i].innerHTML='下载附件'+(i+1) cons原创 2021-02-06 11:58:04 · 2084 阅读 · 0 评论 -
js获取当前时间
getNowTime() {let dateTimelet yy = new Date().getFullYear()let mm = new Date().getMonth() + 1let dd = new Date().getDate()let hh = new Date().getHours()let mf = new Date().getMinutes() < 10 ? ‘0’ + new Date().getMinutes():new Date().getMinutes()l原创 2020-12-11 14:48:14 · 133 阅读 · 0 评论 -
045 线程与进程
线程与进程-**进程:**程序的一次执行,它占有一片独有的内存空间,可以通过windows任务管理器查看进程-**线程:**是进程内的一一个独立执行单元,是程序执行的一个完整流程,是CPU的最小的调度单元-关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的一个进程内的数据可以供其中的多个线程直接共享多个进程...原创 2020-04-08 14:14:44 · 167 阅读 · 0 评论 -
048 ES7
指数运算符(幂): **Array.prototype.includes(value) : 判断数组中是否包含指定valueconsole.log(3 ** 3);//27let arr = [1,2,3,4, 'abc'];console.log(arr.includes(2));//trueconsole.log(arr.includes(5));//false...原创 2020-04-08 11:15:16 · 90 阅读 · 0 评论 -
047 ES6
let作用:与var类似, 用于声明一个变量特点:-在块作用域内有效-不能重复声明-不会预处理, 不存在提升应用:-循环遍历加监听-使用let取代var是趋势const作用:定义一个常量特点:不能修改,其它特点同let应用:保存不用改变的数据 const sex = '男'; console.log(sex);//男 //sex = '女';//不能...原创 2020-04-08 00:37:45 · 149 阅读 · 0 评论 -
046 ES5
js语法基本符合ES5,注意一些特别:严格模式理解:除了正常运行模式(混杂模式),ES5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的语法条件下运行目的/作用消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为消除代码运行的一些不安全之处,为代码的安全运行保驾护航为未来新版本的Jav...原创 2020-04-07 15:07:15 · 169 阅读 · 0 评论 -
044 练习之二级菜单与轮播图
原创 2020-04-05 23:19:06 · 197 阅读 · 0 评论 -
043 操作class属性
通过style属性来修改元素的样式,每修改一个样式,浏览器就需要重新渲染一次页面。这样的执行的性能是比较差的,而且这种形式当我们要修改多个样式时,也不太方便修改box的class属性 -我们可以通过修改元素的class属性来间接的修改样式 -这样一来,我们只需要修改一次,即可同时修改多个样式,浏览器只需要重新渲染页面一次,性能比较好,并且这种方式,可以使表现和行为进一步的分离添加指定的...原创 2020-04-05 23:12:15 · 147 阅读 · 0 评论 -
042JSON
JSON - JS中的对象只有JS自己认识,其他的语言都不认识 - JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别, 并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互 - JavaScript Object Notation JS对象表示法 - JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号...原创 2020-04-05 22:59:57 · 108 阅读 · 0 评论 -
041 轮播图例子
原创 2020-04-05 22:42:20 · 120 阅读 · 1 评论 -
040 定时调用与延时调用
setInterval() - 定时调用 - 可以将一个函数,每隔一段时间执行一次 - 参数: 1.回调函数,该函数会每隔一段时间被调用一次 2.每次调用间隔的时间,单位是毫秒 - 返回值: 返回一个Number类型的数据,这个数字用来作为定时器的唯一标识clearInterval() -可以用来关闭一个定时器 -方法中需要一个定时器的标识作为参数,这样...原创 2020-04-05 22:40:45 · 135 阅读 · 0 评论 -
039 BOM
BOM - 浏览器对象模型 - BOM可以使我们通过JS来操作浏览器 - 在BOM中为我们提供了一组对象,用来完成对浏览器的操作 - BOM对象 Window - 代表的是整个浏览器的窗口,同时window也是网页中的全局对象 Navigator - 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器 Location - 代表当前浏...原创 2020-04-05 22:18:59 · 126 阅读 · 0 评论 -
038 拖拽事件
原创 2020-04-05 11:21:14 · 70 阅读 · 0 评论 -
037 键盘事件
原创 2020-04-04 23:19:34 · 97 阅读 · 0 评论 -
036 滚轮事件
原创 2020-04-04 23:18:34 · 63 阅读 · 0 评论 -
035事件的拖拽
改进原创 2020-04-04 23:09:30 · 154 阅读 · 0 评论 -
034事件的传播
原创 2020-03-19 23:16:14 · 81 阅读 · 0 评论 -
033事件的绑定
原创 2020-03-19 23:12:26 · 103 阅读 · 0 评论 -
032 事件的委派
<ul id="u1"> <li><a href="javascript: ;">超链接一</a></li> <li><a href="javascript: ;">超链接二</a></li> <li><a href="javascript: ;">...原创 2020-03-19 18:40:18 · 94 阅读 · 0 评论 -
031事件的冒泡
<!--事件冒泡--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type= "text/css"> #box1{ width: 1...原创 2020-03-19 18:32:57 · 93 阅读 · 0 评论 -
030 div随鼠标移动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ wi...原创 2020-03-19 18:22:24 · 104 阅读 · 0 评论 -
029事件对象(DOM event)
原创 2020-03-19 17:59:45 · 603 阅读 · 0 评论 -
028函数检测浏览器
<script type= "text/javascript"> console.log(isIE(7)); function islE(version){ var b = document.createElement("b); b.innerHTML=" <!--[if IE * +version+"]><i> </i> <!...原创 2020-03-13 22:21:48 · 182 阅读 · 0 评论 -
027 dom与滚动条
原创 2020-03-12 02:15:05 · 145 阅读 · 0 评论 -
026DOM修改CSS
原创 2020-03-12 02:02:33 · 446 阅读 · 0 评论 -
025dom增删改练习,员工表
/原创 2020-03-12 01:52:19 · 181 阅读 · 0 评论 -
024dom增删改
方法含义appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插入新的子节点。createAttribute( )创建属性节点。createElement()创建元素节点。createTextNode()创...原创 2020-03-12 01:48:53 · 197 阅读 · 0 评论 -
023body
body原创 2020-03-12 01:47:44 · 99 阅读 · 0 评论 -
022checked
vv原创 2020-03-12 01:46:19 · 84 阅读 · 0 评论 -
021获得节点
获取元素节点的子节点-通过具体的元素节点调用getElementsByTagName()-方法,返回当前节点的指定标签名后代节点childNodes-属性,表示当前节点的所有子节点firstChild-属性,表示当前节点的第一 个子节点lastChild-属性,表示当前节点的最后一个子节点.获取父节点和兄弟节点-通过具体的节点调用parentNode-属性,表示当前节点...原创 2020-03-12 01:43:33 · 83 阅读 · 0 评论 -
020DOM
==DOM ==全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。文档 -文档表示的就是整个的HTML网页文档对象 -对象表示将网页中的每一个部分都转换为了一个对象。模型 -使用模型来表示对象之间的关系,这样方便我们获取对象。==节点Node == 是构成我们网页...原创 2020-03-10 17:14:34 · 103 阅读 · 0 评论 -
019正则RegExp对象
正则表达式admin@atguigu. comadmin@.comadminatguigu. com邮件的规则:1.前边可以是xXxx乱七八糟2.跟着一一个@3.后边可以是xXXx乱七八糟4.com获取其他的乱七八糟-正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来正则表达式是个对象,严格区分大小...原创 2020-03-07 00:32:43 · 535 阅读 · 0 评论 -
018string相关方法
在底层字符串是以字符数组的形式保存的 [“H” ,“e”,“l” ]创建一个字符串var str = “Hello Atguigu”;在底层字符串是以字符数组的形式保存的[“H”,“e”,“l”]//console.log(str. length);console.log(str[1]);length属性 -可以用来获取字符串的长度charAt() -可以返回字符串中...原创 2020-03-06 23:02:21 · 100 阅读 · 0 评论 -
017包装类
基本数据类型 -String Number Boolean Null Undefined引用数据类型. -object在JS中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型的数据转换为对象String() -可以将基本数据类型字符串转换为String对象Number() -可以将基本数据类 型的数字转换为Number对象Boolean( ) ...原创 2020-03-06 22:41:29 · 78 阅读 · 0 评论 -
016Math对象
Math -Math和其他的对象不同,它不是一个构造函数,而且她只针对数值 -它属于一个工具类,不用创建对象,它里边封装了数学运算相关的属性和方法 -比如Math.PI表示的圆周率 console.log(Math.PI);abs( ) -可以用来计算一个数的绝对值 console.log(Math.abs(-1));Math.ceil(...原创 2020-03-06 22:31:01 · 106 阅读 · 0 评论 -
015Date对象
Date对象 -在JS中使用Date对象来表示一个时间创建一个Date对象 -如果直接使用构造函数创建一个Date对象, 则会封装为当前代码执行的时间var d = new Date( );创建一个指定的时间对象 -需要在构造函数中传递一个表示时间的字符串作为参数 -日期的格式月份/日/年时:分:秒 (年份写完整)var d2 = new Date("12...原创 2020-03-06 22:29:54 · 92 阅读 · 0 评论 -
014arguments对象
在调用函数时,浏览器每次都会传递进两个隐含的参数:1.函数的上下文对象this2.封装实参的对象arguments-arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度-在调用函数时,我们所传递的实参都会在arguments中保存-arguments . length可以用来获取实参的长度-我们即使不定义形参,也可以通过arguments来使用实参,只不过比...原创 2020-03-06 22:13:20 · 118 阅读 · 0 评论 -
013数组
索引从0开始的整数就是索引数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据//创建数组对象var arr = new Array();//使用typeof检查-一个数组时, 会返回object//console. log(typeof arr);*向数组中添加元素*语法,数组[索引] =值*/arr[0] = 10;arr[1]= 33;arr[2] ...原创 2020-03-03 16:39:31 · 191 阅读 · 0 评论 -
012垃圾回收
垃圾回收(GC)-就像人生活的时间长了会产生垃圾一样,程序运行过程中也会产生垃圾这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我们需要-一个垃圾回收的机制,来处理程序运行过程中产生垃圾-当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法操作该对象,此时这种对象就是一个垃圾, 这种对象过多会占用大量的内存空间,导致程序运行变慢,所以这种垃圾必须进行清理。-在JS中拥有...原创 2020-03-03 15:21:14 · 117 阅读 · 0 评论 -
011原型对象
原型prototype我们所创建的每一个函数, 解析器都会向函数中添加一一个属性prototype这个属性对应着一一个对象, 这个对象就是我们所谓的原型对象如果函数作为普通函数调用prototype没有任何作用当函数以构造函数的形式调用时,它所创建的对象 中都会有-一个隐含的属性,指向该构造函数的原型对象,我们可以通过__ proto_ 来访问该属性原型对象就相当于一个公共的区域,所有...原创 2020-03-03 15:20:49 · 123 阅读 · 0 评论