- 博客(18)
- 收藏
- 关注
原创 JS高级 day3
面向对象数组中静态方法数组构造函数.from()作用: 将程序中的伪数组转化为真数组遍历自定义对象语法:for(自定义变量 in 对象) {对象[自定义变量]for in 语法中,自定义变量保存了被遍历对象中的每一个属性在for in 语法中要获取对象的值,必须通过 对象[变量] 访问字符串中的方法split():对字符串进行分割语法: 字符串.split(‘分隔符’)返回值: 返回分割字符串的一个数组indexOf(): 从字符串中找某个字符,如果找到该字符,则返回对
2021-04-28 20:41:27
69
原创 JS高级 day2
函数剩余参数语法: 在函数形参列表中,必须放到最后一个位置处通过 …自定义形参名函数中剩余参数以数组的形式存在的函数中剩余参数作用可以,保存函数中多余的实参信息函数中如果形参个数不确定,还可以通过剩余参数获取箭头函数箭头函数: 本质上还是一个函数 (es6中函数的一种新的写法)语法: () => {}{} 表示函数体() 表示设置函数形参箭头函数本身没有名字,所以箭头函数也是一个匿名函数总结箭头函数中可以设置参数箭头函数中可以设置返回值当使用箭头函数的时候,如果形参个数不确
2021-04-27 10:57:41
63
原创 var,let,conts的区别
var关键字:作用: 声明变量特点:1.可以先使用变量后声明2.声明的变量名可以重复3.不会形成块级作用域let关键字:作用: 声明变量特点:1.必须先声明后使用2.声明的变量名不能重复3.会形成块级作用域const关键字作用: 声明常量特点:1 必须先声明后使用2 声明的常量后,不能被修改3 常量名也不能重复4 会形成块级作用域...
2021-04-25 20:16:42
201
原创 JS高级 day1
API补充拖拽如果有元素拖拽到了div身上则可以通过dragover事件监听当元素拖拽到盒子上松开鼠标后,触发drop事件//阻止默认新窗口打开行为e.preventDefault();classList补充说明toggle()先通过contains()判断标签是否有类名,如果没有则调用add方法添加类名如果contains()判断标签已经有类名,则调用remove方法移除类名闭包函数在函数内部,其他函数可以访问该函数中的变量,整体这个函数就叫闭包函数函数参数设置默认值如果形参没有
2021-04-25 20:12:03
48
原创 web API-07
键盘事件keydownkeyupkeypress事件对象参数.keyCodewindow对象window对象是js中的顶级对象window对象中的属性或方法在使用的时候都可以省略window对象属性Navigator属性onLine: 记录当前网络环境是联网状态还是断网状态location属性: 记录网站地址href属性: location.href 获取 location.href = ‘值’; 设置assign(): 设置
2021-04-23 20:41:33
66
原创 web API-06
正则表达式定义本质上就是程序中自定义的一个规则,排除用户的非法输入let 变量 = /正则语句/验证正则变量.test(字符串)返回的是一个布尔类型的结果,true符合规则, false不符合正则变量.exec(字符串)返回的结果是null,不符合. 否则表示符合符号边界符^ 开始$ 结束如果二者都出现表示精确匹配[]集合[abc][0-9]量词符* 次数>=0+ 次数>= 1? 次数等于1 或者 次数等于0{3} 次数等于3次{3,} 次
2021-04-23 20:40:53
66
原创 web API-day5
获取元素大小获取宽度和高度大小元素.offsetWidth : 内容 + 边框 + 内边距元素.clientWidth : 内容 + 内边距元素.offsetTop : 内容 + 边框 + 内边距元素.clientTop : 内容 + 内边距获取边框大小元素.clientLeft : 元素的左边框元素.clientTop : 元素的上边框阻止事件冒泡语法: 事件对象参数.stopPropagation();获取元素(了解)H5方式操作标签样式添加类样式:
2021-04-21 20:24:44
44
原创 web API-day4
递归函数定义在函数内部调用函数自己注意递归函数默认会形成一个死循环在递归函数中设置return关键字,可以停止死循环DOM查找元素根据父元素找子元素语法: 父元素.children注意返回的结果是一个数组, 数组中的每一个值就是具体的标签对象返回的是直接子元素根据子元素找父元素语法: 子元素.parentNode注意: 返回的就是一个具体的标签对象找兄弟元素上一个兄弟元素语法: 标签.previousElementSibling返回: 返回的就是一个具体的标签对象
2021-04-20 14:34:00
73
原创 web API-day3
封装提升程序的可维护性自执行函数将普通函数用小括号 () 包裹,然后再用 () 直接调用例(function (形参) {console.log(‘自执行函数…’);})(实参)自执行函数前面尽量都加上分号命名空间命名空间不过是对象语法的灵活运用,将具有关联性的变量或方法集中在一起DOM事件监听L0 在事件类型前添加固定的前缀 on 做为标签的属性,即完成了事件的监听DOM L0事件DOM L0 写法: 相同事件类型只能绑定一次DOM L2 写法: 相同事件类型可以绑定
2021-04-20 14:32:53
60
原创 web API-day2 高阶函数 环境对象 DOM(事件)
定时器应用场景 网页中倒计时功能特点 隔一段时间执行一次语法 setInterval(函数, 时间间隔(毫秒))返回值 返回当前定时器的id停止定时器 clearInterval(定时器id)函数的其他写法高阶函数 特点 高阶函数本质上就是一个函数 该函数的参数是函数 举例 定时器setInterval(函数, 1000) addEventListener('事件类型', 函数)回调函数 特点 在高阶函数中,表示函数的参数叫回调函数匿名函数 特点
2021-04-16 20:25:50
110
原创 web API
JavaScript与ECMAScriptECMAScript是js语法和执行顺序的一个规范ECMAScript是规范但不是编程语言DOMDOM概念 全称 document Object Model (文档对象模型) 作用 通过js操作网页 特点 将整个网页封装成一个对象 (document)获取标签 通过id获取任意的一个标签 语法 document.getElementById( '标签id') 不需要加# 返回值 返回的就是一个具
2021-04-15 20:30:50
81
原创 js基础总结
// ☞ 函数类 // 1. 普通函数 function // 应用场景: // ☞ 函数体现的是一个功能 // ☞ 将相同的代码封装到一个函数中 // a)参数: 形参 + 实参 // 形参:本质上就是一个变量,保存实参传递过来的数据 // 实参: 本质上就是一个具体的值 (字符串,数字,数组, 对象...) // 注意: // 形参和实参的个数要统一 // 函数只有调用才会执行 // 在函数内部定义的变...
2021-04-15 20:26:22
61
原创 运算符 循环总结
赋值运算符和一元运算符赋值运算符 +=//-=//*=///=//%= 举例:a=1,,,a=a+1等于a+=1 一元运算符 只需要一个表达式就可以的运算符叫一元运算符 ++ -- 前后置的区别 如果单独运算没有区别 前置:先自增后运算 后置:先运算后自增 自减同理 实际开发中,我们都是单独使用的,更喜欢i++ 一元运算符 a=1 二元运算符 a=10+20 两个表达式 三元运算符 三个表达式 a=10>5?10:5
2021-04-12 20:50:37
91
原创 2021-04-12
内置对象Math.PI圆周率Math.ceil天花板 向上取整Math.floor地板 向下取整Math.random随机函数公式: 复制过来Math.max最大值Math.max(1,3,6)Math.min最小值Math.pow幂运算Math.abs取绝对值运算符比较运算符 1. 比较运算符有隐式转换 2. 关于3个等号 =等号是赋值 == 判断 只判断数值是否相等 === 全等 数值和数据类型都要一样 3. 不要小数来进行比较
2021-04-12 20:48:13
61
原创 2021-04-09
对象对象的介绍和语法 对象是什么 对象是一种数据集合 是一种数据类型 用来描述详细的事物,例如描述一个人 对象的声明语法 let 对象名 = {} 属性和访问 对象有属性和方法组成 属性:信息活校特征 子主题 1 方法:功能活校行为 属性 数据秒速型的信息称为属性,如人的姓名.身高。年龄。性别等,一般是名词性的 属性都是成对出现的,用分好分隔,多个用,逗号隔开 属性就是依附在对象上的变量(外面是变量。对象内
2021-04-09 22:13:35
57
原创 2021-04-08
JS介绍js是一种编程语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画等等实现人机交互效果JS书写位置行内js内部jsscript标签写在的上方外部js写在以.js结尾的文件里,通过script标签引入到html页面中,也写在的上方script标签中不要再写代码,会被忽略JS注释单行注释//快捷键:Ctrl+/多行注释/* */快捷键:shift+alt+aJS结束符;可写可不写换行符或者回车会被识别成结束符JS输入输出语句输入语句prompt()输出
2021-04-08 20:23:35
80
原创 2021-03-31
3D转换平移 transform: translate(值)旋转 transform: rotateX(角度) 旋转中心 transform-origin(0,0)倍数 transform: scale(倍数)perspective: 像素值 取值一般为600px ~ 1000px语法 transform-style: preserve-3d 一般给父元素设置动画属性 animation-name 动画名称 animation-duration 动画时长 ani
2021-03-31 11:20:27
64
原创 2021-03-29
渐变线性渐变 backgeound-image:linear-gradient(渐变方向,颜色)径向渐变 backgeound-image:radial-gradient (形状,at 圆心位置,颜色)线性渐变中颜色位置代表从那个方向开始渐变所有颜色位置都是从左边开始2D转换位移 transform:translate(x,y)相对自身,不脱标旋转 transform:rotate(角度)缩放 transform:scale(值1,值2)值为倍数值倾斜 transf
2021-03-29 20:53:06
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人