JavaScript笔记
关注
分享
扫一扫
文章平均质量分 82
JavaScript学习笔记
Hello 码上秃
心之所向 不慌不忙
展开
-
JavaScript进阶-ES6
文章目录四、JavaScript进阶-ES64.1 ES6 的新增语法let关键字const关键字let\const\var的区别解构赋值箭头函数剩余参数4.2 Set数据结构4.3 模块化四、JavaScript进阶-ES64.1 ES6 的新增语法let关键字let声明的变量只在所处于的块级有效使用let关键字声明的变量才具有块级作用域特性使用var关键字声明的变量不具备块级作用域特性不存在变量提升暂时性死区var和let在for循环内的区别：var arr = [];for (原创 2022-04-25 09:00:00 · 172 阅读 · 0 评论 -
JavaScript进阶-面向对象（严格模式-闭包）
文章目录三、JavaScript进阶-面向对象严格模式严格模式的概念开启严格模式严格模式的作用闭包闭包概念闭包案例三、JavaScript进阶-面向对象严格模式严格模式的概念严格模式对正常的 JavaScript 语义做了一些更改： 1.消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。 2.消除代码运行的一些不安全之处，保证代码运行的安全。 3.提高编译器效率，增加运行速度。 4.禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未原创 2022-04-25 09:00:00 · 254 阅读 · 1 评论 -
JavaScript进阶-面向对象（ES5中的构造函数和原型）
文章目录三、JavaScript进阶-面向对象ES5中的构造函数和原型利用构造函数创建对象原型对象利用原型对象对内置对象进行扩展利用构造函数和原型对象实现继承ES6中类的本质三、JavaScript进阶-面向对象ES5中的构造函数和原型利用构造函数创建对象/** * 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。 * 我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 * * 在 JS 中，使用构造函数时要注意以下原创 2022-04-19 08:28:27 · 346 阅读 · 0 评论 -
JavaScript进阶-面向对象（ES6中的类和对象）
文章目录三、JavaScript进阶-面向对象ES6中的类和对象创建类和对象类的继承类和对象的注意点三、JavaScript进阶-面向对象ES6中的类和对象创建类和对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi原创 2022-04-19 08:26:38 · 139 阅读 · 0 评论 -
JavaScript进阶-WebAPI（DOM网页特效-BOM操作浏览器）
文章目录二、JavaScript进阶-WebAPIDOM-网页特效常用事件对象属性-位置页面滚动事件和页面加载事件scroll和offset和clientBOM操作浏览器Window对象JS执行机制本地存储二、JavaScript进阶-WebAPIDOM-网页特效常用事件对象属性-位置let img = document.querySelector('img')document.addEventListener('click', function (e) { console.log('clie原创 2022-04-18 22:36:55 · 555 阅读 · 0 评论 -
JavaScript进阶-WebAPI（DOM节点操作）
文章目录二、JavaScript进阶-WebAPIDOM节点操作获取节点增加节点删除节点拓展-时间对象二、JavaScript进阶-WebAPIDOM节点操作获取节点本质: 针对标签本身的增删查父级: parentNode子集: children 伪数组兄弟： nextElementSibling 下一个兄弟 previousElementSibling 上一个兄弟增加节点方法一： 创建新节点 let result = document.createElem原创 2022-04-18 22:32:25 · 414 阅读 · 0 评论 -
JavaScript进阶-WebAPI（DOM事件）
文章目录二、JavaScript进阶-WebAPIDOM事件-基础事件概念注册事件的两种方式常用事件类型DOM事件-高级事件流概念事件捕获事件冒泡阻止事件冒泡二、JavaScript进阶-WebAPIDOM事件-基础事件概念什么是事件? 事件是在编程时系统内发生的动作或者发生的事情 比如用户在网页上单击一个按钮事件监听 就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为注册事件语法: DOM L0 事件源.on事件类型 = function(){}原创 2022-04-18 22:29:08 · 925 阅读 · 0 评论 -
JavaScript进阶-WebAPI（获取和修改DOM元素）
文章目录二、JavaScript进阶-WebAPIWebAPI基础知识获取和修改DOM元素获取DOM元素设置/修改元素内容设置/修改元素属性自定义属性定时器-间隔函数二、JavaScript进阶-WebAPIWebAPI基础知识DOM 操作html和cssBOM 操作浏览器DOM 树获取和修改DOM元素获取DOM元素document.querySelector(‘css选择器’) 获取的是满足条件的第一个，一定只有一个 可以直接进行操作document.queryS原创 2022-04-18 22:26:52 · 433 阅读 · 0 评论 -
JavaScript基础（函数-对象）
文章目录一、JavaScript基础函数函数的声明函数的传参函数的调用和返回值函数表达式作用域环境对象函数进阶函数的声明方式函数的调用方式改变环境变量高阶函数递归函数对象声明对象的语法使用对象遍历对象内置对象操作对象（进阶&积累）一、JavaScript基础函数函数的声明/** * function 函数名(参数列表) { * 函数体 * } * * 调用方法没有传入实参时，则默认形参为 undefined * * 合理利用逻辑中断 * 形参如果不被赋值原创 2022-04-18 22:18:59 · 146 阅读 · 0 评论 -
JavaScript基础（基础语法-流程控制-数组-Set数据结构）
文章目录一、JavaScript基础基础语法JavaScript简介输入输出语法变量数据类型数据类型转换操作基本数据类型（进阶&积累）流程控制运算符语句数组操作数组遍历数组操作数组（进阶&积累）Set数据结构一、JavaScript基础基础语法JavaScript简介概念 JavaScript 是一种运行在客户端（浏览器）的编程语言 作用 1、网页特效 (监听用户的一些行为让网页作出对应的反馈) 2、表单验证 (针对表单数据的合法性进行判断) 3、数据交互 (原创 2022-04-18 22:13:26 · 344 阅读 · 0 评论