
JavaScript
文章平均质量分 94
JavaScript 基础学习笔记
imByte
三生三世十里桃花,一心一意百行代码
展开
-
宏任务与微任务
JavaScript 把异步任务又做了进一步的划分,异步任务又分为两类,分别是:宏任务(macrotask):script(整体代码)、异步 Ajax 请求、setTimeout、setInterval、文件操作等微任务(microtask):Promise.then、.catch 和 .finally、process.nextTick 等原创 2021-12-11 22:33:35 · 811 阅读 · 2 评论 -
EcmaScript 6 新特性
本篇为 JavaScript 进阶 ES6 系列笔记第五篇,将陆续更新后续内容。参考:尚硅谷Web前端ES6教程,涵盖ES6-ES11;ECMAScript 6 入门系列笔记:JavaScript 面向对象编程(一) —— 面向对象基础JavaScript 面向对象编程(二) —— 构造函数 / 原型 / 继承 / ES5 新增方法JavaScript 面向对象编程(三) —— 函数进阶 「一」ES介绍ES 全称 EcmaScript,是脚本语言的规范,而平时经常编写的 Jav.原创 2021-11-15 12:24:21 · 847 阅读 · 0 评论 -
HTML5 —— 本地存储
随着互连网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据。对此,HTML 规范提出了相关解决方案。文章目录一、本地存储特性二、window.sessionStorage一、本地存储特性数据存储在用户浏览器中设置、读取方便,甚至刷新页面不丢失数据容量较大,sessionStorage 约 5 M,localStorage 约 20 M只能存储字符串,可以将对象 JSON.stringify() 编码后存储HTML 本地存.原创 2021-10-29 18:05:11 · 2738 阅读 · 0 评论 -
JavaScript 面向对象编程(四) —— 正则表达式
本篇为 JavaScript 进阶 ES6 系列笔记第四篇,将陆续更新后续内容。参考:JavaScript 进阶面向对象 ES6 ;系列笔记:JavaScript 面向对象编程(一) —— 面向对象基础JavaScript 面向对象编程(二) —— 构造函数 / 原型 / 继承 / ES5 新增方法JavaScript 面向对象编程(三) —— 函数进阶 「一」概述正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript 中,.原创 2021-10-19 14:24:16 · 419 阅读 · 0 评论 -
JavaScript 面向对象编程(三) —— 函数进阶 / 严格模式 / 高阶函数 / 闭包 / 浅拷贝和深拷贝
本篇为 JavaScript 进阶 ES6 系列笔记第三篇,将陆续更新后续内容。参考:JavaScript 进阶面向对象 ES6 ;ECMAScript 6 入门 系列笔记:JavaScript 面向对象编程(一) —— 面向对象基础JavaScript 面向对象编程(二) —— 构造函数 / 原型 / 继承 / ES5 新增方法 「一」函数的定义和调用1. 函数的定义方式函数声明方式 function 关键字(命名函数)函数表达式(匿名函数)new Function().原创 2021-10-17 20:54:12 · 447 阅读 · 0 评论 -
JavaScript 面向对象编程(二) —— 构造函数 / 原型 / 继承 / ES5 新增方法
本篇为 JavaScript 进阶 ES6 系列笔记第二篇,将陆续更新后续内容。参考:JavaScript 进阶面向对象 ES6 ;ECMAScript 6 入门 阮一峰文章目录「一」构造函数和原型 「一」构造函数和原型在典型的 OOP 的语言中(如 Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在 ES6 之前,JS 中没有引入类的概念。ES6, 全称 ECMAScript 6.0 ,2015.6 发版,但是目前浏览器的 JavaScript 是 ES5 版.原创 2021-10-14 14:08:28 · 670 阅读 · 0 评论 -
JavaScript 面向对象编程(一) —— 面向对象基础
本篇为 JavaScript 系列笔记第九篇,将陆续更新后续内容。参考:JavaScript 进阶面向对象 ES6系列笔记:JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象JavaScript(四)—— 内置对象 / 简单数据类型与复杂类型JavaScript(五)—— Web APIs 简介 / Ja.原创 2021-10-09 21:31:51 · 392 阅读 · 0 评论 -
JavaScript(八)—— PC 端网页特效
本篇为 JavaScript 系列笔记第八篇,将陆续更新后续内容。参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记:JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象JavaScript(四)—— 内置对象 / 简单数据类型与复杂类型JavaScript(五)—— Web APIs 简介.原创 2021-10-08 19:46:22 · 960 阅读 · 0 评论 -
JavaScript(七)—— BOM 浏览器对象模型
本篇为 JavaScript 系列笔记第七篇,将陆续更新后续内容。参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记:JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象JavaScript(四)—— 内置对象 / 简单数据类型与复杂类型JavaScript(五)—— Web APIs 简介.原创 2021-10-03 18:40:39 · 926 阅读 · 0 评论 -
JavaScript(六)—— DOM 事件高级
本篇为 JavaScript 系列笔记第六篇,将陆续更新后续内容。参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记:JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象JavaScript(四)—— 内置对象 / 简单数据类型与复杂类型JavaScript(五)—— Web APIs 简介.原创 2021-09-28 21:28:24 · 655 阅读 · 2 评论 -
JavaScript(五)—— Web APIs 简介/JavaScript 必须掌握的 DOM 操作 (丰富案例 + 思维导图)
本篇为 JavaScript 系列笔记第四篇,将陆续更新后续内容JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象JavaScript(四)—— 内置对象 / 简单数据类型与复杂类型 一、Web APIs 简介1. Web APIs 和 JavaScript基础 关联性JavaScrip.原创 2021-09-25 21:14:57 · 816 阅读 · 2 评论 -
JavaScript(四)—— JavaScript 内置对象/JavaScript 简单数据类型与复杂类型
本篇为 JavaScript 系列笔记第三篇,将陆续更新JavaScript(一)—— 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型JavaScript(二)—— 运算符 / 流程控制 / 数组JavaScript(三)—— 函数 / 作用域 / 预解析 / 对象文章目录一、内置对象1. Math 对象一、内置对象JavaScript 中的对象分为 3 种:自定义对象、内置对象、浏览器对象内置对象内置对象是JavaScript语言自带的对象,供开发者.原创 2021-09-19 13:50:37 · 542 阅读 · 0 评论 -
JavaScript(三)—— JavaScript 函数/JavaScript 作用域/JavaScript 预解析/JavaScript 对象
本篇为 JavaScript 系列笔记第三篇,将陆续更新文章目录一、函数1. 函数的使用2. 函数的参数3. 函数的返回值4. arguments 的使用5. 函数的两种声明方式二、作用域1. 作用域一、函数函数:就是封装了一段 可被重复调用 执行的 代码块,通过此代码块可以实现大量代码的重复使用 1. 函数的使用函数在使用时分为两步:声明函数 和 调用函数声明函数// 声明函数function 函数名() { // 函数体代码}function 是声明.原创 2021-09-16 11:51:11 · 779 阅读 · 0 评论 -
JavaScript(二)—— JavaScript 运算符/JavaScript 流程控制/JavaScript 数组
本篇为 JavaScript 系列笔记第二篇,将陆续更新文章目录一、运算符1. 算术运算符2. 递增和递减运算符3. 比较运算符4. 逻辑运算符短路运算(逻辑中断)5. 赋值运算符6. 运算符优先级二、流程控制——分支1. if 语句一、运算符运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript 中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1. 算术运算符浮点数的精度问题浮点数.原创 2021-09-14 14:40:57 · 1070 阅读 · 0 评论 -
JavaScript(一)—— 初识JavaScript/注释/输入输出语句/变量/数据类型
文章目录一、初识 JavaScript1. JavaScript 是什么2. JavaScript 的作用3. HTML、CSS 和 JS 的关系4. 浏览器执行 JS简介5. JS 的组成一、初识 JavaScript1. JavaScript 是什么JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对原创 2021-09-11 15:34:48 · 1538 阅读 · 0 评论