![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 89
分为基础和进阶。
Ludwig1597
茨维格。
展开
-
JavaScript基础学习笔记汇总(基础语法、DOM、BOM)【完整】
2021.1.22JavaScript基础学习笔记汇总(基础语法、DOM、BOM)第一天:初识JavaScript准备工作、初识JavaScript、JS的组成、JS书写位置、JS注释、JS输入输出语句第二天:JavaScript基础语法(一)Javascript的流程控制、数组、函数第三天:JavaScript基础语法(二)Javascript的变量、运算符第四天:JavaScript基础语法(三)JavaScript的作用域、预解析、对象第五天:JavaScript基础语法(四.原创 2021-01-22 22:42:57 · 343 阅读 · 1 评论 -
JS学习笔记(一)-初识JavaScript
文章目录学习笔记(一)准备工作初识JavaScriptJS的组成JS书写位置JS注释JS输入输出语句2021.1.11学习笔记(一)准备工作今天开始学习Javascript,开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。快捷键!+回车/Tab自动生成页面骨架结构Ctrl++/-放大/缩小视图Alt+B在浏览器中打开Ctrl+/注释常用插件Chinese(Simplified)Language Pack for原创 2021-01-12 00:41:02 · 1208 阅读 · 4 评论 -
JS学习笔记(二)-JavaScript的变量和运算符
2021.1.12文章目录JS学习笔记(二)JS变量初学数据类型1.1 为什么需要数字类型1.2 变量的数据类型1.3 数据类型的分类简单数据类型复杂数据类型(object)JS运算符1.运算符2.算数运算符3.递增和递减运算符4.比较运算符5.逻辑运算符短路运算(逻辑中断)6.赋值运算符7.运算符优先级JS学习笔记(二)JS变量初学变量的本质: 程序在内存中申请的一块用来存放数据的空间。变量的使用: 1. 声明变量;2. 赋值。var age;//声明一个名称为age的变量。var: .原创 2021-01-12 23:37:19 · 324 阅读 · 0 评论 -
JS学习笔记(三)-JavaScript的流程控制、数组和函数
2021.1.13文章目录JS学习笔记(三)JS流程控制1.顺序流程控制2.分支流程控制3.循环流程控制for循环断点调试双重for循环while循环do while循环循环中常用的关键字continue关键字break关键字命名规范1.标识符命名规范2.操作符规范3.单行注释规范4.其他规范循环小结JS数组数组的概念数组的创建获取数组元素数组的索引数组的遍历数组中新增元素通过修改length长度新增数组元素通过修改索引号新增数组元素JS函数函数的概念函数的使用1.声明函数2.调用函数3.函数的封装函.原创 2021-01-13 23:30:34 · 340 阅读 · 0 评论 -
JS学习笔记(四)- JavaScript的作用域、预解析和对象
2021.1.14文章目录JS学习笔记(四)JS作用域1.作用域概述2.变量的作用域变量作用域的分类从执行效率看全局变量与局部变量3.作用域链JS预解析JS对象对象创建对象的三种方式1.利用字面量创建对象2.利用new Object创建对象3.利用构造函数创建对象new关键字遍历对象的属性对象小结JS学习笔记(四)JS作用域1.作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程.原创 2021-01-14 23:35:49 · 270 阅读 · 0 评论 -
JS学习笔记(五)-JavaScript内置对象和数据类型总结与JS第一阶段个人小结
2021.1.15文章目录JS学习笔记(五)JS内置对象内置对象查文档MDN如何学习对象中的方法Math对象日期对象使用Date日期格式化获取日期的总的毫秒形式(==时间戳==)数组对象数组对象的创建检测是否为数组添加删除数组元素的方法数组排序数组索引方法数组转换为字符串数组中的其他常用方法字符串对象一个问题基本包装类型字符串的不可变根据字符返回位置根据位置返回字符字符串操作方法JS简单类型与复杂类型(数据类型的总结)简单类型与复杂类型堆和栈简单类型与复杂类型的内存分配简单类型传参复杂类型传参个人小结.原创 2021-01-16 02:27:13 · 517 阅读 · 0 评论 -
JS学习笔记(六)-Web APIs简介和DOM简介
01-17 JavaScript第二阶段Web APIs文章目录学习笔记(六)-上Web APIs简介Web APIs和JS基础关联性JS的组成:JS基础阶段以及Web APIs阶段API和Web APIDOMDOM简介什么是DOMDOM树获取元素如何获取页面元素事件基础事件概述事件三要素执行事件的步骤常见的鼠标事件学习笔记(六)-上Web APIs简介Web APIs和JS基础关联性JS的组成:ECMAScript:JavaScript语法-JavaScript基础DOM:页面文档对象.原创 2021-01-18 22:38:44 · 278 阅读 · 0 评论 -
JS学习笔记(七)-DOM操作元素
2021.1.18文章目录JS学习笔记(七)DOM操作元素改变元素内容常用的元素属性操作表单元素的属性操作样式属性操作操作元素小结排他思想自定义属性的操作H5自定义属性JS学习笔记(七)DOM操作元素JavaScript的DOM操作可以改变网页内容、结构和样式,我们利用DOM操作元素来改变元素里面的内容、属性等。注意以下都是属性。改变元素内容element.innerText从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会去掉。<body> <.原创 2021-01-19 00:18:58 · 279 阅读 · 0 评论 -
JS学习笔记(八)-DOM节点操作和重点核心的总结
2021.1.19文章目录学习笔记(八)DOM节点操作为什么学节点操作节点概述节点层级创建节点添加节点删除节点复制节点(克隆节点)三种动态创建元素区别DOM重点核心总结创建增删改查属性操作事件操作学习笔记(八)DOM节点操作为什么学节点操作获取元素通常使用两种方式:利用 DOM 提供的方法获取元素document.getElementById()document.getElementsByTagName()document.querySelector 等逻辑性不强、繁琐.原创 2021-01-20 16:52:25 · 405 阅读 · 0 评论 -
JS学习笔记(九)-JavaScript事件高级//DOM结束
2021.1.20文章目录学习笔记(九)事件高级注册事件(绑定事件)addEventListener 事件监听方式删除事件(解绑事件)删除事件的方式DOM事件流事件对象什么是事件对象事件对象的兼容性方案事件对象常见的属性和方法阻止事件冒泡阻止事件冒泡的两种方式阻止事件冒泡的兼容性解决方案事件委托(代理、委派)常用的鼠标事件常用的鼠标点击事件鼠标事件对象常用的键盘事件键盘事件对象学习笔记(九)事件高级注册事件(绑定事件)给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方.原创 2021-01-21 20:28:13 · 332 阅读 · 1 评论 -
JS学习笔记(十)-BOM浏览器对象模型及个人小结//JavaScript基础阶段(完)
2021.1.21文章目录学习笔记(十)BOM浏览器对象模型BOM 概述什么是BOMBOM的构成window 对象的常见事件窗口加载事件调整窗口大小事件定时器两种定时器thisJS 执行机制JS是单线程同步和异步JS执行机制location 对象什么是location对象URLlocation对象的属性location对象的方法navigator 对象history 对象JavaScript基础阶段小结学习笔记(十)BOM浏览器对象模型BOM 概述什么是BOMBOM(Browser Obje.原创 2021-01-22 22:15:11 · 366 阅读 · 0 评论 -
JavaScript进阶(一)- JavaScript面向对象
2021.1.24文章目录JavaScript进阶(一)JavaScript面向对象面向对象编程简介两大编程思想ES6中的类和对象面向对象对象类 class创建类类constructor构造函数类添加方法类的继承继承super关键字ES6中类和对象的几个注意点:JavaScript进阶(一)JavaScript面向对象面向对象编程简介两大编程思想面向过程面向对象1.面向过程编程POP(Process-oriented programming):面向过程就是分析出解决问题所需要的步骤.原创 2021-01-24 17:19:52 · 178 阅读 · 0 评论 -
JavaScript进阶(二)- 构造函数和原型
2021.1.2 构造函数和原型文章目录JavaScript进阶(二)构造函数和原型构造函数和原型概述构造函数构造函数的问题构造函数原型 prototype(原型对象)对象原型 \_\_proto__(两条下划线)原型中的constructor构造函数构造函数、实例、原型对象三者之间的关系原型链JavaScript的成员查找机制(规则)原型对象this指向扩展内置对象继承ES5中的新增方法JavaScript进阶(二)构造函数和原型构造函数和原型概述在典型的OOP的语言中(如Java),都.原创 2021-01-30 01:46:25 · 181 阅读 · 1 评论 -
JavaScript进阶(三)- 继承和ES5新增方法
2021.2.1文章目录JavaScript进阶(三)构造函数和原型(第二、三点:继承和ES5新增方法)继承call()方法借用构造函数继承父类型属性借用原型对象继承父类型方法ES5中的新增方法ES5新增方法概述数组方法字符串方法对象方法JavaScript进阶(三)构造函数和原型(第二、三点:继承和ES5新增方法)继承ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。call()方法作用:可以调用某个函数,并且修改函数运行时的thi.原创 2021-02-02 21:43:55 · 172 阅读 · 0 评论 -
JavaScript进阶(四)- 函数进阶
2021.2.6文章目录JavaScript进阶(四)函数进阶函数的定义和调用函数的定义方式函数的调用方式this函数内this的指向改变函数内部this指向call()、apply()、bind()总结严格模式什么是严格模式开启严格模式严格模式中的变化高阶函数闭包变量作用域什么是闭包闭包案例递归什么是递归利用递归求数学题浅拷贝和深拷贝JavaScript进阶(四)函数进阶函数的定义和调用函数的定义方式函数声明方式function()关键字(命名函数)函数表达式(匿名函数)new Fu.原创 2021-02-07 22:17:09 · 348 阅读 · 0 评论 -
JavaScript进阶(五)-正则表达式与ES6 【完】
2021.2.8文章目录JavaScript进阶(五)正则表达式正则表达式概述什么是正则表达式正则表达式的特定正则表达式在JavaScript中的使用创建正则表达式测试正则表达式 test正则表达式中的特殊字符正则表达式的组成边界符字符类量词符正则表达式里的括号总结预定义类正则表达式中的替换replace替换正则表达式参数ES6ES6简介什么是ES6为什么要使用ES6ES6的新增语法letconstlet、const、var的区别解构赋值箭头函数剩余参数ES6的内置对象扩展Array的扩展方法Stri.原创 2021-02-09 13:52:40 · 314 阅读 · 0 评论