JavaScript
文章平均质量分 86
JavaScript学习
Meowmow
这个作者很懒,什么都没留下…
展开
-
JavaScript学习14-ES6
ES的全称:ECMAScript,由ECMA国际标准化组织制定的一项脚本语言的标准化规范。ES6泛指ES2015及以后的版本ES6新增的关键字,用于声明变量的关键字。let声明的变量只在所处的块级有效。let可以防止循环变量变成全局变量。let不存在变量提升。let声明的变量具有暂时性死区特性经典面试题var声明i是全局变量,循环过后就变成了10,函数执行时输出的是全局变量的值let每次循环都会生成一个块级作用域,每个块级作用域的变量都是不同的。const声明变量,声明时必须赋值,常值就原创 2022-06-02 16:04:41 · 313 阅读 · 0 评论 -
JavaScript学习13-正则表达式
用于匹配字符串中字符组合的模式,JavaScript中正则表达式也是对象。正则表达式通常用来检索、替换文本,比如验证表单、搜索。利用RegExp对象的构造函数创建字面量创建test方法用来检测字符串是否符合正则表达式特殊字符比如^, $, + …^ 表示以谁开始$ 表示以谁结束字符类[ ][ ] 里的^表示取反范围 -字符组合量词符设置某个模式出现的次数预定义类预定类说明\d0-9的任一字符相当于[0-9]\D0-9以外的字符,相原创 2022-06-02 13:27:19 · 103 阅读 · 0 评论 -
JavaScript学习12-函数进阶
1、函数声明:function关键字;2、函数表达式(匿名函数);3、new Function();所有函数都是Function的实例,函数也属于对象,所以函数也有原型对象,实例化函数对象也有对象原型。1、普通函数2、对象的方法3、构造函数4、绑定事件函数5、定时器函数6、立即执行函数apply()应用:apply的参数必须是数组(伪数组),可以用来求一组数的最大值,比如Math.max(数1,数2,数3…)bind()严格模式IE10以上支持,可以应用到在整个脚本或者个原创 2022-06-02 11:26:11 · 128 阅读 · 0 评论 -
JavaScript学习11-面向对象和原型
以对象功能划分问题。特性:封装性、继承性、多态性。易维护、易复用、易扩展,性能比面向过程低。思维特点:1、抽取对象共用的属性和行为组织成一个类2、对类进行实例化、获取类的对象class关键字声明一个类。类名首字母大写。创建实例构造函数constructorconstructor()方法是类的构造函数,用于传递参数、返回实例化对象,通过new命令生成对象实例时自动调用该方法,如果没有显示定义,类内部会自动创建一个constructor()。类里的所有函数不需要写function,多个函数之原创 2022-06-02 00:20:49 · 188 阅读 · 0 评论 -
JavaScript学习10-移动端网页特效和本地存储
触屏事件对象toucheventtouchstart, touchmove, touchend都有自己的触屏事件对象touchstart, touchmove, touchend都可以拖动元素。拖动元素需要获取手指的坐标值,使用tartgetTouches[0]里的pageX和pageY.。手指移动的距离:手指滑动中的位置减去手指刚开始触摸的位置。拖动元素监听事件步骤:1、touchstart: 获取手指初始坐标,获取盒子原来的位置2、touchmove: 计算手指的滑动距离,并且移动盒子3、原创 2022-06-01 11:49:43 · 130 阅读 · 0 评论 -
JavaScript学习09-PC端网页特效
案例:获取鼠标在盒子内的坐标元素可视区client系列属性作用element.clientTop元素上边框的大小element.clientLeft元素左边框的大小element.clientWidth返回元素包括内边距、内容宽度,返回值不带单位element.clientHeight返回元素包括内边距、内容高度,返回值不带单位立即执行函数不需要调用,立马执行的函数,独立创建了一个作用域,里面所有的变量都是局部变量,不会有命名冲突的问题。元素滚动原创 2022-06-01 10:51:23 · 111 阅读 · 0 评论 -
JavaScript学习08-BOM浏览器对象模型
目录BOM概述DOM和BOM的对比window对象的常见事件定时器JS执行机制location对象navigator对象history对象BOM概述BOM:浏览器对象模型,提供了独立于内容与窗口进行交互的对象,核心对象是window由一系列相关对象构成,每个对象都有很多属性和方法DOM和BOM的对比DOMBOM文档对象模型浏览器对象模型把文档当对象把浏览器当对象顶级对象document顶级对象window主要操作页面主要是浏览器窗口交互的对象W3原创 2022-05-31 20:32:43 · 183 阅读 · 0 评论 -
JavaScript学习07-DOM事件高级
目录注册事件传统方式方法监听方式删除事件传统方式方法监听方式删除事件兼容性解决DOM事件流事件对象阻止事件冒泡事件委托常用鼠标事件常用键盘事件注册事件给元素添加事件,称为注册事件或绑定事件传统方式以on开头的事件,比如onclick、onmouseover…同一个元素同一个事件只能设置一个处理函数,重复设置取最后注册的处理函数方法监听方式W3C推荐addEventListener()IE9之前不支持,可用attachEvent()代替同一个元素同一个事件可以注册多个监听器,按注册顺序执行原创 2022-05-15 20:56:37 · 260 阅读 · 0 评论 -
JavaScript学习06-web API和DOM
目录WEB APIDOMWEB APIDOM原创 2022-05-13 17:13:59 · 243 阅读 · 0 评论 -
JavaScript学习05-对象、简单类型与复杂类型
目录对象创建对象三种方式字面量创建对象new Object创建对象构造函数创建对象new关键字遍历对象属性对象一组无序的属性和方法的集合,所有事物都是对象对象由属性和方法组成属性:对象里的变量,事物的特征,名词,大小、颜色、重量…方法:对象里的函数,事物的行为,动词,跑、跳、吃…创建对象三种方式字面量创建对象var obj1={}vaar obj2={ name: '张三', age: 18, sex: '男', sayHi: function(){ console.log('原创 2022-05-09 21:11:25 · 266 阅读 · 0 评论 -
JavaScript学习04-函数、作用域、预解析
目录函数函数的使用函数声明两种方式函数的参数函数的返回值arguments的使用函数的互相调用作用域全局作用域局部作用域全局变量和局部变量的执行效率作用域链预解析预解析案例函数函数的使用先声明函数,再调用函数//声明函数function 函数名(){ 函数体}//调用函数函数名();函数不调用不执行函数声明两种方式//1. 利用关键字定义function func(){ 函数体}func();function func(val){ 函数体}func(1);/原创 2022-05-09 16:38:10 · 348 阅读 · 0 评论 -
JavaScript学习03-循环和数组
目录循环for循环单层for循环双层for循环while循环do while循环数组循环for循环单层for循环双层for循环while循环do while循环数组原创 2022-05-07 23:08:43 · 111 阅读 · 0 评论 -
JavaScript学习02-运算符与分支控制语句
目录原创 2022-05-06 13:11:38 · 672 阅读 · 0 评论 -
JavaScript学习01-初识JavaScript
目录初识JavaScriptJavaScript是什么JavaScript的作用HTML/CSS/JS的关系浏览器如何执行JSJS的组成ECMAScript JavaScript语法DOM 页面文档对象模型BOM 浏览器对象模型JS的3种书写位置行内式内嵌式外部文件JavaScript输入输出语句变量变量的使用变量声明的特殊情况变量命名规范数据类型数据类型分类Number 数字型String 字符串型Boolean 布尔型UndefinedNull获取数据类型字面量数据类型转换解释型语言和编译型语言标原创 2022-05-05 12:17:19 · 544 阅读 · 0 评论