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