- 博客(77)
- 收藏
- 关注
RSS订阅原创 ES6 rest参数
ES6 rest参数 1处输出的是对象 2除输出的时数组[‘白芷’，‘阿娇’，‘思慧’] rest参数一定要放在最后边 输出 还有一个与rest运算符很像的扩展运算符… 扩展运算符是在调用函数的时候使用，能够将数组分割成逗号分隔的格式 扩展运算符还能用户数组的合并 ...
2022-04-06 13:26:23
398
原创 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
232
原创 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
221
原创 滑动下拉界面 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
186
原创 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
140
转载 排他思想 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
152
原创 下拉菜单鼠标经过显示隐藏 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
299
原创 移动动画 封装引用
移动动画 封装引用 <!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
133
原创 动画封装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
209
原创 侧边栏相对定位变固定定位
侧边栏相对定位变固定定位 <!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
336
原创 局部放大镜效果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
366
原创 模态框--登陆弹窗可移动
模态框–登陆弹窗可移动 <!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
192
原创 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
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"> <title>Do
2021-06-24 18:24:10
181
原创 倒计时计算
<!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
226
原创 快递三查询--输入框放大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
239
原创 鼠标跟随事件 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
333
原创 动态生成表格元素
从前端小白到大佬 动态生成表格元素 <!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
164
原创 简单留言发布模块
从前端小白到大佬 简单留言发布模块 <!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
193
原创 简单下拉菜单制作
从前端小白到大佬 简单下拉菜单制作 <!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
142
原创 复选框全选反选效果
复选框全选反选效果 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap {
2021-05-17 22:22:40
153
原创 从前端小白到大佬 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
121
原创 从前端小白到大佬 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
90
原创 从前端小白到大佬 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
83
原创 从前端小白到大佬 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
86
原创 从前端小白到大佬 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
82
转载 从前端小白到大佬 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
123
原创 从前端小白到大佬 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
233
原创 从前端小白到大佬 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
170
原创 从前端小白到大佬 js组成
js由三部分组成 ①ECMAScript–javaScript语法； ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为javaScript或JScript，但实际上后两者是ECMAScript语言的实现和拓展。 ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。 ②DOM–页面文档对象模型； 文档对象模型（documen object model），是W3C组织推荐的处理可扩
2021-04-20 11:15:48
143
原创 从前端小白到大佬js笔记
js面试常问常识类基础知识 10.什么是对象？ 多个数据的封装体； 用来保存多个对象的容器； 一个对象就代表现实中的一个事物。 11.为什么要用对象？ 统一管理多个属性； 对象中的属性都是存在联系的。 12.对象的组成。 属性：属性名（字符串）和属性值（任意属性）组成； 方法：一种特别的属性（属性值是函数）。 13.如何访问对象的内部数据？ 对象名.属性名：编码简单，有时不能用； 对象名[‘属性名’]：编码复杂，通用。 14.什么时候使用对象名[‘属性名’]的方式？ 属性名包含特殊字符：- 空格； 属性名不
2021-03-28 13:35:59
141
原创 从前端小白到大佬 js笔记
前端面试常问常识类基础知识 8.在js调用函数时传递变量参数时，是值传递还是引用传递？ 理解1：都是值传递，不过值包括基本数据类型和地址的值； 理解2：可能是值传递，也可能是引用传递（地址值）。 9.js引擎如何管理内存？ 1.内存生命周期 ①分配小内存空间，得到他的使用权； ②存储数据，可以反复进行操作； ③释放小内存空间。 2.释放内存 局部变量：函数执行完自动释放； 对象：成为垃圾对象后被垃圾回收器回收。 ...
2021-03-23 19:19:25
120
原创 从前端小白到大佬 js笔记
前端面试常问常识类基础知识 1.undefind与null的区别 undefined表示定义了未赋值； null定义了且赋值为null。 2.什么时候赋值为null？ 初始赋值为null，表明将要赋值为对象； 结束前让指向的对象成为垃圾对象，进而被垃圾回收器回收。 3.严格区分变量类型与数据类型 数据类型–基本类型和对象类型； 变量的类型（变量内存值的类型）–基本类型（保存的就是基本类型的变量）和引用类型（保存的是地址值）。 4.什么是数据？ 存储在内存中代表特定信息的东西，本质上是0101… 数据的特点：
2021-03-22 19:54:14
123
原创 从前端小白到大佬 js基础笔记4
Math js中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
122
原创 从前端小白到大佬 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
120
原创 从前端小白到大佬 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
102
原创 从前端小白到大佬 js基础语法笔记
变量声明提前 ①所有全局变量中声明的变量作为window的属性值保存，可window.变量名调用；函数则作为window的方法保存，可window.函数名调用； ②变量声明时，不写var时，a=123；相当于window.a=123，换句话说，就算是在函数作用域里面直接赋值a=123，a也是一个全局变量； ③使用var 关键字声明变量，会在所有的代码执行之前被声明，但不会赋值；不写则不会； 函数声明提前 ④使用函数声明形式创建的函数funtion f(){},会在所有的代码执行之前就被创建完成，可以在函数声
2020-11-16 02:07:23
172
原创 从前端小白到大佬 对象属性值遍历
对象属性值遍历 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
342
原创 从前端小白到大佬 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
169
原创 从前端小白到大佬 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
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人