JavaScript
JavaScript
&XYZ&
越努力,越幸运!
展开
-
arguments(运用场景:你现在想获取实参的长度以及里面的内容?如何获取函数的形参个数?)
arguments 是一个对应于传递给函数的参数的类数组对象。运用场景:你现在想获取实参的长度以及里面的内容如何获取函数的形参个数?运用场景:你现在想获取实参的长度以及里面的内容 function test() { console.log(arguments.length);//3 console.log(arguments[0]);//1 } ...原创 2020-03-30 16:55:54 · 368 阅读 · 0 评论 -
new Date() 获取当前时间对象(getFullYear、getMonth、getDate、getHours、getMinutes、getSeconds、getDay、getTime)
文章目录new Date() 获取当前时间对象getTime:返回1970年1月1日到至今的毫秒数,常用于时间戳。封装函数,打印当前是何年何月何日何时,几分几秒。(注意封装的方法最好通过原型来写)new Date() 获取当前时间对象<!DOCTYPE html><html lang="en"><head> <meta charset="...原创 2020-03-23 17:13:39 · 10478 阅读 · 0 评论 -
百度联想词功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-13 08:19:21 · 1037 阅读 · 0 评论 -
javascript变量
javaScript变量命名方法匈牙利命名驼峰命名规则声明命名方法匈牙利命名驼峰命名规则首字符:英语字母或者下划线。组成:英文、数字、下划线。禁忌:不能使用javascript的关键字和保留字。声明var、let、const未完待续!!!...原创 2020-03-07 16:17:19 · 158 阅读 · 0 评论 -
模拟重力(物体下落)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2020-01-08 15:58:50 · 1240 阅读 · 0 评论 -
弹性运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2020-01-05 18:25:42 · 145 阅读 · 0 评论 -
parseFloat() 函数解析一个参数(必要时先转换为字符串)并返回一个浮点数。
<script> /* parseFloat : 在解析过程中遇到了正号(+)、负号(- U+002D HYPHEN-MINUS)、 数字(0-9)、小数点(.)、或者科学记数法中的指数(e 或 E)以外的字符, 则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数。 第二个小数点的出现也会使解析停止(在这之前的字符都会被解析)...原创 2020-01-04 14:55:25 · 1011 阅读 · 0 评论 -
物体直线缓冲运动:(从左向右或者从右向左)、进度条
如果看物体直线缓冲运动不是太明白,可以先看物体直线运动(地址链接:https://blog.csdn.net/JEFF_luyiduan/article/details/103821605)物体直线缓冲运动:(从左向右或者从右向左)物体的速度距离目标点越近就越小当到达目标点时速度减小为0<!DOCTYPE html><html lang="e...原创 2020-01-03 16:39:43 · 204 阅读 · 0 评论 -
匀速直线运动
物体直线运动(从左向右运动):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>温故而知新</title> <style> div { width: 100px; heig...原创 2020-01-03 15:41:49 · 430 阅读 · 0 评论 -
offsetLeft
offsetLeft是一个只读属性,返回当前元素左上角相对于 HTMLElement.offsetParent节点的左边界偏移的像素值。原创 2020-01-03 14:42:55 · 159 阅读 · 0 评论 -
trim():去掉字符串前后的空格
const text = " demo test "; console.log(text) console.log(text.trim())原创 2020-01-02 19:53:32 · 638 阅读 · 0 评论 -
toString()、toLocaleString()
toString():将数组的每个元素转换成为字符串,并依次连接起来,用逗号拼接并返回。const arr = [1,22,33,'xyz',{age:21}];const text = arr.toString();console.log(text)//1,22,33,xyz,[object Object]console.log(typeof text)//stringtoL...原创 2019-12-25 20:16:23 · 192 阅读 · 0 评论 -
delete :对对象和数组的操作
delete操作符用于删除对象的某个属性;如果没有指向这个属性的引用,那它最终会被释放。const users = { name:'xyz', age: 21}console.log(delete users.age)//trueconsole.log("users:",users)//users: {name: "xyz"}删除成功返回true删除一个数...原创 2019-12-19 09:16:05 · 528 阅读 · 0 评论 -
什么是类数据?以及类数组转换成为数组(①Array.prototype.slice.call(arguments) ②Array.from(arguments))
什么是类数据?JavaScript对它们定义为:它们看起来很像数组,只是具有部分和数组相同特性:①拥有length属性;②元素保存在对象中,可以通过索引访问但是没有数组的其他方法,例如:push、slice、indexOf等;JS类数组转成数组的方法?①Array.protot...原创 2019-12-04 16:30:54 · 181 阅读 · 0 评论 -
Error:错误类型、错误处理、错误对象
错误类型、错误处理、错误对象:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-12-01 15:43:04 · 645 阅读 · 0 评论 -
every()
every() 方法接收一个函数作为参数,判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。 const arr = [11, 5, 2, 4, 111] const gig = arr.every(elem => elem > 100) const little = arr.every(elem => elem < 1000) c...原创 2019-12-28 15:00:58 · 279 阅读 · 0 评论 -
闭包的理解
首先你要知道闭包是什么?其实闭包是定义在一个函数内部的函数,能够读取其他函数内部变量的函数。然后你还要知道闭包一般在哪里用,也就是我们俗称的运用场景:a.匿名自执行函数;b.结果缓存;c.封装;d.实现类和继承。闭包对于数据的影响:通常在一个函数激活对象和运行上下文一同销毁,但是闭包却可以维持函数内局部变量,使其得不到释放。所以闭包意味着更多的内存开销(内存泄漏问题)。在大型网页应用的时候,需...原创 2018-11-08 09:31:13 · 127 阅读 · 0 评论 -
强制类型转换——String、隐式转换成String
强制类型转换——String将其她的数据类型转换为String方法一:调用被转换的toString()方法; 该方法不会影响到原来变量,它会将转换的结果返回; 但是注意:null和undefined这两个值没有toString()方法,如果调用他们的方法,会报错; 方法二:调用String()函数,并将被转换的数据作为参数传递给函数; 使用String()函数做强制类型...原创 2019-02-13 19:04:52 · 3203 阅读 · 0 评论 -
关系运算符
关系运算符<>=注意的地方:对于非数值进行比较时,会将其转换为数字然后在比较; 如果符号两侧的值都是字符串时,不会将其转换为数字进去比较,而会分别比较字符串的Unicode编码...原创 2019-02-27 22:21:51 · 166 阅读 · 0 评论 -
Unicode编码
在js中和body中去实现Unicode编码:例如十六进制的2620是个小骷髅头原创 2019-02-27 23:08:09 · 216 阅读 · 0 评论 -
相等运算符
原创 2019-02-28 22:36:14 · 287 阅读 · 0 评论 -
条件运算符
原创 2019-02-28 23:12:10 · 187 阅读 · 0 评论 -
字符转义
原创 2019-03-01 08:48:44 · 148 阅读 · 0 评论 -
getAttribute()方法查询属性的值、setAttribute()方法修改属性值
找到元素后,我们可以利用getAttribute()方法把它的各种属性的值查询出来;将不含title属性的p标签过滤掉,怎么做?setAttribute()方法修改属性值...原创 2019-03-05 11:02:45 · 2177 阅读 · 0 评论 -
isNaN函数的使用方法
isNaN() 函数用于检查其参数是否是非数字值。原创 2019-03-03 11:04:55 · 2787 阅读 · 0 评论 -
javaScript DOM编程艺术的美术馆效果(getAttribute、setAttribute、childNodes属性、 nodeType简单运用)、属性包含特性
源码:childNodes属性小例子nodeType简单运用注意:nodeType属性值一共有12种常用的是:元素节点的nodeType属性值是1 属性节点的nodeType属性值是2 文本节点的nodeType属性值是3属性包含特性:<body> <input type="text" name="属性包含特性" cl...原创 2019-03-06 10:29:11 · 234 阅读 · 0 评论 -
switch语句
原创 2019-03-03 11:49:19 · 126 阅读 · 0 评论 -
命名变量、命名函数
命名变量:用下划线来分隔各个单词;例如:temp_fahrenheit命名函数:第二个单词开始把每个单词的第一个字母写成大写形式(驼峰命名);例如:convertToCelsius...原创 2019-03-04 09:37:36 · 267 阅读 · 0 评论 -
nodeValue属性
原创 2019-03-07 10:46:02 · 381 阅读 · 0 评论 -
js通过class获取标签里面的内容、修改class属性
js通过class获取标签里面的内容——看源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><p class="demo"...原创 2019-03-22 19:13:51 · 46730 阅读 · 1 评论 -
open()方法:创建新的浏览器窗口
window对象的open()方法,创建新的浏览器窗口。这个方法有三个参数:window.open(url,name,features)第一个参数:新窗口的地址;第二个参数:新窗口的名字,可以在代码里通过这个名字与新窗口进行通信;第三个参数:新窗口的各种属性(宽度,高度等);案例代码如下:...原创 2019-05-14 09:07:39 · 634 阅读 · 0 评论 -
向后兼容性
请问会打印出来什么(10秒给出答案)?原创 2019-05-15 09:26:44 · 473 阅读 · 0 评论 -
addLoadEvent函数与onload事件
addLoadEvent函数:页面第一次加载的时候触发事件;window.onload事件:页面加载完成后(加载完成后),立即执行;源码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="...原创 2019-05-25 10:01:20 · 312 阅读 · 0 评论 -
立即执行函数:执行后立即销毁函数,不占用内存空间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script> //立即执行函数:...原创 2019-08-28 07:55:39 · 1329 阅读 · 0 评论 -
charCodeAt():当unicode>255,可以判断该字符字节长度为2(中文)
charCodeAt()方法返回0到65535之间的整数,表示给定索引处的UTF-16代码单元 (在 Unicode 编码单元表示一个单一的 UTF-16 编码单元的情况下,UTF-16 编码单元匹配 Unicode 编码单元。但在——例如 Unicode 编码单元 > 0x10000 的这种——不能被一个UTF-16编码单元单独表示的情况下,只能匹配 Unicode 代理对的第一个编...原创 2019-08-31 13:12:08 · 5222 阅读 · 0 评论 -
构造函数内部原理、原型讲解、写法、运用
构造函数内部原理1.在函数体最前面隐私的加上this={}2.执行this.xxx=xxx3.隐式的返回this// 注意:构造函数要用大驼峰命名 function Constructor(name,sex) { this.name = name; this.sex = sex; } let msg = new Constr...原创 2019-08-31 17:08:31 · 1119 阅读 · 0 评论 -
forEach() 方法对数组的每个元素执行一次提供的函数。
forEach()方法对数组的每个元素执行一次提供的函数。(ES5) // 求和 function sum(...arg) { let sumNumber = 0; arg.forEach((eve) => { sumNumber += eve; }); return sumNumber...原创 2019-09-02 17:27:56 · 763 阅读 · 0 评论 -
sort():数组的元素进行排序、splice:删除或替换现有元素或者原地添加新的元素、max:返回一组数中的最大值
sort()方法用原地算法对数组的元素进行排序,并返回数组,原数组将被改变。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的 // 现在你想让numbers数组按照升序来排序 let numbers = [4, 2, 5, 1, 3]; numbers.sort(function (a, b) { return a - b; }...原创 2019-09-02 18:01:34 · 636 阅读 · 0 评论 -
pop:数组中删除最后一个元素、shift:数组中删除第一个元素、unshift:将一个或多个元素添加到数组的开头、push:将一个或多个元素添加到数组的末尾、reverse:将数组中元素的位置颠倒
pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。该方法会改变原数组。let numbers = [1, 2, 3, 4];numbers.pop();console.log(numbers);//[1, 2, 3]shift()方法从数组中删除第一个元素,并返回该元素的值。该方法会改变原数组。 let numbers = [1, 2, 3, 4...原创 2019-09-02 18:15:50 · 1334 阅读 · 0 评论 -
call()和apply():可以改变this的指向
call()和apply():可以改变this的指向运用场景: 假如你现在需要开发一个功能A,前端小明写了个功能B,而你发现功能A里面的部分功能和小明写的功能B一摸一样,你可以拿过就可以用,这个时候你就可以用到call(简单点说就是:借用别人的函数来实现自己的功能) // call改变this指向 function Tyre(color, size) {//车轮胎 ...原创 2019-09-02 22:24:33 · 193 阅读 · 0 评论