- 博客(77)
- 收藏
- 关注
RSS订阅原创 ES6 rest参数
ES6 rest参数1处输出的是对象 2除输出的时数组[‘白芷’，‘阿娇’，‘思慧’]rest参数一定要放在最后边输出还有一个与rest运算符很像的扩展运算符…扩展运算符是在调用函数的时候使用，能够将数组分割成逗号分隔的格式扩展运算符还能用户数组的合并...
2022-04-06 13:26:23
291
原创 ES6箭头函数
ES6箭头函数let fn = (a,b)=>{ return a+b;}箭头函数中的this指向this是静态的，始终指向函数声明时所在的作用域 ，即上一层1.连call也无法改变.getname（）；和getname2（）；调用输出都是”尚硅谷“；getname.call（）；调用输出“ATGUIGU”,getname2.call（）输出”尚硅谷“...
2022-04-06 13:07:18
142
原创 ES6解构赋值
ES6解构赋值多用于数组和对象数组：const f4 = ['a','b','c','d']let [a,b,c,d] = f4如此就会声明了abcd四个let变量并且它们的值为‘a’，‘b’，‘c’，‘d’对象：const zhao = { name:'赵'， age：‘19’， xiao： func(）{ console.log("嘻嘻") }}let{name，age，xiao} = zhao；xiao（）；方便调用zhao里面的xiao方法，输出结果“嘻嘻”
2022-04-06 12:36:08
123
原创 滑动下拉界面 jq
滑动下拉界面 jq<!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-Compatible" content="ie=edge"> <t
2021-07-08 10:26:34
97
原创 Tab栏切换 jq
Tab栏切换<!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-Compatible" content="ie=edge"> <titl
2021-07-07 17:24:31
67
转载 排他思想 jq
<!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-Compatible" content="ie=edge"> <title>Do
2021-07-07 11:45:06
61
原创 下拉菜单鼠标经过显示隐藏 jq
下拉菜单鼠标经过显示隐藏<!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-Compatible" content="ie=edge"> &l
2021-07-07 11:04:15
177
原创 移动动画 封装引用
移动动画 封装引用<!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-Compatible" content="ie=edge"> <t
2021-06-30 15:49:37
51
原创 动画封装js
动画封装 不同的定时器<!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-Compatible" content="ie=edge"> <
2021-06-27 18:19:44
112
原创 侧边栏相对定位变固定定位
侧边栏相对定位变固定定位<!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-Compatible" content="ie=edge"> &l
2021-06-27 18:02:49
200
原创 局部放大镜效果js
局部放大镜效果实际上是两张图片 一张小图一张大图大的图隐藏，当鼠标放在小图上，大的图才会显示，并跟随鼠标局部放大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
2021-06-27 15:56:24
256
原创 模态框--登陆弹窗可移动
模态框–登陆弹窗可移动<!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-Compatible" content="ie=edge"> <
2021-06-26 15:30:43
101
原创 url参数获取
index<!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-Compatible" content="ie=edge"> <title
2021-06-25 17:59:06
47
原创 定时重新发送验证码
<!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-Compatible" content="ie=edge"> <title>Do
2021-06-24 18:24:10
91
原创 倒计时计算
<!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-Compatible" content="ie=edge"> <title>Do
2021-06-24 17:15:29
135
原创 快递三查询--输入框放大js
<!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-Compatible" content="ie=edge"> <title>Do
2021-06-24 15:31:21
130
原创 鼠标跟随事件 js
<!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-Compatible" content="ie=edge"> <title>Do
2021-06-24 14:28:57
188
原创 动态生成表格元素
从前端小白到大佬 动态生成表格元素<!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-Compatible" content="ie=edge">
2021-05-25 20:20:19
76
原创 简单留言发布模块
从前端小白到大佬 简单留言发布模块<!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-Compatible" content="ie=edge">
2021-05-25 19:22:36
132
原创 简单下拉菜单制作
从前端小白到大佬 简单下拉菜单制作<!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-Compatible" content="ie=edge">
2021-05-25 19:18:53
70
原创 复选框全选反选效果
复选框全选反选效果<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap {
2021-05-17 22:22:40
75
原创 从前端小白到大佬 js
搜索框焦点隐藏与显示<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>Document</title> <style&
2021-05-08 23:28:26
51
原创 从前端小白到大佬 js
循环精灵图背景<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>Document</title> <style>
2021-05-07 13:27:24
36
原创 从前端小白到大佬 js
小窗口关闭影藏<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>Document</title> <style>
2021-05-07 11:37:47
34
原创 从前端小白到大佬 js
密码显示与隐藏切换<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>Document</title> <style&g
2021-05-07 10:22:47
39
原创 从前端小白到大佬 js
自动获取系统当前时间<body> <!-- 点击获取系统当前时间 --> <button id="btn">获取当前时间</button> <div>er</div> <p>自动获取时间标签</p> <script> var btn = document.querySelector('button'); var div = do
2021-05-06 23:27:42
38
转载 从前端小白到大佬 js
简单事件基础 onclick<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>Document</title></head&
2021-05-06 22:45:05
55
原创 从前端小白到大佬 js
element.getElementsByTagName()<body> <ul> <li>11</li> <li>12</li> </ul> <ul id="second"> <li>23</li> <li>13</li> </ul> <
2021-05-05 01:05:58
177
原创 从前端小白到大佬 js数据转换
js数据转换因为使用表单、prompt获取的数据默认都是字符串类型的，不能用于直接运算，需要进行类型转换。1.number转String①num.toString();②String（num）；③num=num+’’;2.String转number①parseInt(String)；如果String是浮点数的字符串则会自动向下取整，还可以用于除去单位，如120px->120，无法识别时为NaN;②parseFloat(String)；也可以用于除去单位，如120px->120;
2021-04-21 13:51:34
79
原创 从前端小白到大佬 js组成
js由三部分组成①ECMAScript–javaScript语法；ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为javaScript或JScript，但实际上后两者是ECMAScript语言的实现和拓展。ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。②DOM–页面文档对象模型；文档对象模型（documen object model），是W3C组织推荐的处理可扩
2021-04-20 11:15:48
54
原创 从前端小白到大佬js笔记
js面试常问常识类基础知识10.什么是对象？多个数据的封装体；用来保存多个对象的容器；一个对象就代表现实中的一个事物。11.为什么要用对象？统一管理多个属性；对象中的属性都是存在联系的。12.对象的组成。属性：属性名（字符串）和属性值（任意属性）组成；方法：一种特别的属性（属性值是函数）。13.如何访问对象的内部数据？对象名.属性名：编码简单，有时不能用；对象名[‘属性名’]：编码复杂，通用。14.什么时候使用对象名[‘属性名’]的方式？属性名包含特殊字符：- 空格；属性名不
2021-03-28 13:35:59
74
原创 从前端小白到大佬 js笔记
前端面试常问常识类基础知识8.在js调用函数时传递变量参数时，是值传递还是引用传递？理解1：都是值传递，不过值包括基本数据类型和地址的值；理解2：可能是值传递，也可能是引用传递（地址值）。9.js引擎如何管理内存？1.内存生命周期①分配小内存空间，得到他的使用权；②存储数据，可以反复进行操作；③释放小内存空间。2.释放内存局部变量：函数执行完自动释放；对象：成为垃圾对象后被垃圾回收器回收。...
2021-03-23 19:19:25
44
原创 从前端小白到大佬 js笔记
前端面试常问常识类基础知识1.undefind与null的区别undefined表示定义了未赋值；null定义了且赋值为null。2.什么时候赋值为null？初始赋值为null，表明将要赋值为对象；结束前让指向的对象成为垃圾对象，进而被垃圾回收器回收。3.严格区分变量类型与数据类型数据类型–基本类型和对象类型；变量的类型（变量内存值的类型）–基本类型（保存的就是基本类型的变量）和引用类型（保存的是地址值）。4.什么是数据？存储在内存中代表特定信息的东西，本质上是0101…数据的特点：
2021-03-22 19:54:14
44
原创 从前端小白到大佬 js基础笔记4
Mathjs中Math是一个普通对象，工具类对象，封装很多数学运算相关的属性和方法。常用方法Math.abs(x) x的绝对值Math.ceil(x) x的向上取整Math.floor(x) x的向下取整Math.round(x) x的四舍五入Math.random() 生成0-1之间的随机数技巧：Math.round(Math.random()x) 生成0-x之间的随机整数Math.round(Math.random()(y-x)+x） 生成x-y之间的随机整数Math.m
2021-01-30 12:43:32
51
原创 从前端小白到大佬 js基础语法3
内建对象(ES创建)17.Array 数组var arr = new Array();var arr2=【1，2，3】；var a=arr.length;返回数组长度var a=arr.push(1，2);在数组末尾添加1和2，并返回新的数组长度var a=arr.pop();删除数组中最后一个元素，并返回删除的元素var a=arr.unshift(1,2,3);在数组开头添加元素，并返回新的数组长度var a=arr.shift();删除数组的第一个元素，并返回删除的元素forEach
2020-12-06 13:03:29
57
原创 从前端小白到大佬 js基础语法笔记2
this⑧this 上下文对象，指向当前对象，没有时则指向window使用工厂方方法创建对象funtion createperson (name, age,gender) { var obj = new Object(); obj.name=name; obj.age=age; obj.gender=gender; obj.sayName= funtion(){ alert(this.name); } return obj;}var obj1=creatperso
2020-12-03 19:05:00
49
原创 从前端小白到大佬 js基础语法笔记
变量声明提前①所有全局变量中声明的变量作为window的属性值保存，可window.变量名调用；函数则作为window的方法保存，可window.函数名调用；②变量声明时，不写var时，a=123；相当于window.a=123，换句话说，就算是在函数作用域里面直接赋值a=123，a也是一个全局变量；③使用var 关键字声明变量，会在所有的代码执行之前被声明，但不会赋值；不写则不会；函数声明提前④使用函数声明形式创建的函数funtion f(){},会在所有的代码执行之前就被创建完成，可以在函数声
2020-11-16 02:07:23
79
原创 从前端小白到大佬 对象属性值遍历
对象属性值遍历 for …in语句对象中有几次属性就会执行多少次，每次执行时，就会将对象中的一个属性的名赋值给变量var obj = { name:"sunwukong", age:18, gender:"nan", address:"huaguoshan"}for(var n in obj){ console.log(n+":"+obj[n])}...
2020-11-16 01:25:48
256
原创 从前端小白到大佬 js数据类型与强制类型转换
js数据类型与强制类型转换1. js数据类型js的数据类型一共有六种，基本数据类型有五种（表格中前五种），分别是string字符串number数值Boolean布尔值null空值undefined未定义object对象*①string，加双引号或者单引号表示，注意特殊符号需要使用转义字符*var a=“hello！”;②number js中不建议使用浮点数运算，得到结果往往不精确var a=123;③boolean 只有true或fa
2020-11-10 00:29:23
101
原创 从前端小白到大佬 javescript 输出语句
javescript入门1.输出语句2.1.输出语句①alert（“测试文本”）；提示/警告语句②document.write（“测试文本”）；向文档内写入语句③console.log（“测试文本”）；向控制台输出一个内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
2020-11-09 14:03:22
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人