易编橙 · 终身成长社群，相遇已是上上签！

说明：该文属于目前阶段免费如需要项目实战或者是体系化资源，文末名片加V！，十余年工作经验, 从事过全栈研发、产品经理等工作，目前在公司担任研发部门CTO。荣誉：2022年度博客之星Top4、2023年度超级个体得主、谷歌与亚马逊开发者大会特约speaker全栈领域优质创作者白宝书系列。

ECMAScript就是由ECMA这个标准化组织制定的一个语言标准，具体来说就是ECMA这个标准化组织规定了我们的语法和api

在JavaScript中，面向对象编程（Object-Oriented Programming，OOP）是一种编程范式或编程风格，它使用“对象”来设计应用程序和计算机程序。这是为了使代码更易于理解、更易于维护和更易于重用，也为了降低代码的复杂性。

在JavaScript中，继承是一种允许我们创建一个类（子类）从已有的类（父类）上继承所有的属性和方法的机制。这样的机制有助于我们复用和重用代码。JavaScript原型链实现了继承。每一个对象都有一个内部属性[[prototype]]，这个属性是一个链接/link（也就是一个指针），它指向了创建这个对象的函数的原型对象prototype。其实这就是“原型链”的起点，通过这个链子对象可以访问到父对象的属性。

JavaScript有很多内置构造函数，比如 Array 就是数组类型的构造函数，Function就是函数类型的构造函数，Object 就是对象类型的构造函数

很多编程语言都有“包装类”的设计，包装类的目的就是为了让基本类型值可以从它们的构造函数propotype上获得方法。

原型和原型链是实现JavaScript继承的主要机制，许多面向对象的特性，如类的方法继承等，都是基于原型和原型链的。在JavaScript中，每个对象都有一个特殊的内部属性[[Prototype]]，它是对象的原型。原型也就是其他对象的引用，每个对象都从原型“继承”属性。原型链是通过同样的[[Prototype]]属性链接起来的，形成了一条链状结构。“原型链”就是对象通过[[Prototype]]属性引用其他对象，然后通过这些对象再引用其他对象，如此形成的一条链状结构。

前面我们学习了上下文规则，也知道了上下文是由调用函数的方式来决定的，事实上，在面向对象中，不仅仅只有上面学到的那些函数的调用方式，还有一种非常常见的调用函数的方式，就是用操作符`new`来调用函数。

在JavaScript中，我们可以使用call()和apply()来指定函数的上下文（即函数被执行时的this值）。

小时候学习做阅读理解时，老师经常会强调，注意上下文。比如有一个句子：这是一个好习惯，我们应该坚持。如果不结合上文的意思，根本不知道“这”指的是什么。如果结合上文，比如，随手关灯，这是一个好习惯，我们应该坚持。我们就知道此时的“这”指的是“随手关灯”，那么整个句子的语义就好理解了。

该章节我们依然来为大家介绍面向对象，主要知识点为“对象的方法”、“遍历”、“深克隆”与“浅克隆”

对象（object）是“键值对”的集合，表示属性和值的映射关系，对象和数字、字符串、数组等一样，也是一个数据类型

BOM是指浏览器对象模型（Browser Object Model）。它是JavaScript与浏览器之间的接口，提供了操作浏览器窗口、文档、历史记录等功能的方法和属性。BOM包含一系列对象，如window、document、history、location等，这些对象允许开发者通过JavaScript去操作浏览器的各个部分。例如，通过BOM可以打开和关闭浏览器窗口、获取当前页面的URL、修改浏览器历史记录等。通过BOM，JavaScript可以与用户的浏览器进行交互，实现更丰富的用户体验和功能。

BOM（Browser Object Model，浏览器对象模型）是JS与浏览器窗口交互的接口,一些与浏览器改变尺寸、滚动条滚动等相关的特效，都需要借助BOM技术

我们已经知道CSS3的transition过渡属性可以实现动画，而JavaScript可以利用这一属性轻松的实现元素的动画，并且JSS和CSS3结合可以规避利用定时器实现动画的缺点。

setInterval()函数 可以设置一个定时器，原理是可以重复调用一个函数，在每次调用函数之间具有固定的时间间隔

事件委托可以帮助解决添加事件监听的两个问题：1. 批量添加事件监听大量占用内存会出现的性能问题2. 动态添加的元素必须添加事件监听，不能获得事件监听。

e.preventDefault()方法：用来阻止事件产生的“默认动作”（一些特殊的业务需求，需要阻止事件的“默认动作”）

事件对象：事件处理函数提供一个形式参数，它是一个对象，封装了本次事件的细节，这个参数通常用单词event或字母e来表示

当页面的盒子有嵌套时，如果盒子都设置了同样的事件监听，那么事件监听触发的顺序是什么样的呢？比如下面图中，三个盒子都设置了onclick事件监听，当鼠标点击最内侧的盒子时，会触发三个盒子的onclick事件，那这三个事件触发的顺序是怎样的？

设置事件监听的方法主要有 onxxxx 和 addEventListener() 两种

在实际工作中，页面上的一些文本节点可能会对我们的元素关系造成干扰，所以，从`IE9`开始支持一些“只考虑元素节点”的属性：

所谓“访问”元素节点，就是指“得到”、“获取”页面上的元素节点，对节点进行操作，第一步就是要得到它，访问元素节点主要依靠`document`对象

为什么要使用js来改变css的样式呢？这个在后面写到事件监听的时候会有很大的用处，比如监听到鼠标点击按钮的事件，就可以利用js改变按钮的样式，呈现出很好的动画效果。

〖大前端 - 基础入门三大核心之JS篇㊱〗- JavaScript 的DOM节点操作

DOM（Document Object Model，文档对象模型）是JavaScirpt操作HTML文档的接口，使文档操作变得非常优雅、简便。

IIFE（Immediately Invoked Function Expression）是 JavaScript 中一种常见的函数表达式，它的特点是定义完毕后立即执行。IIFE 可以用来创建一个独立的作用域，避免变量污染和命名冲突的问题。

闭包通常由一个函数和该函数所引用的外部变量组成。被引用的外部变量和参数会被保存在闭包中，即使函数已经执行完毕，这些变量和参数的值仍然可以被访问和修改。这使得闭包可以用来实现一些高级的编程技巧，例如模块化、封装和私有变量。

该章节共计三个知识点，那就是 全局变量、局部变量和作用域链，接下来一一为各位小伙伴们讲解。

该章节就两个知识点，递归和深克隆，话不多说，我们开整~

上一章节我们学习了函数的参数与返回值，该章节我们来学习基于函数的两个经典算法题，"寻找喇叭花数" 与 "对数组中的项进行升序、降序排序" 。

JavaScript 函数可以有零个或多个参数，这些参数用于传递值给函数。函数可以在内部使用这些参数执行操作，并在执行完后返回一个值作为函数的结果。

什么是前端？前端的发展历程？前端要学什么知识？一千字带你认识什么是前端开发。

工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使用的最广泛的工具 “VS Code” , 并在本地搭建好开发环境。

​本文给刚入行的童鞋们介绍了一下互联网的基本原理，已经对这些基础知识烂熟于胸的大牛们简单看一下就好~

在前导课中我们大致了解了”前端“行业和技术，也安装好了开发环境，了解了互联网的基本原理，可以说我们已经迈出了进入前端开发行业的第一步。但这还远远远远不够，从今天开始正式进入前端开发技术的学习，从认识HTML网页文件开始，一起加油吧！

上一篇学习完后，我们知道HTML骨架包含DTD、html标签对，html标签对还嵌套了 head 标签对和 body 标签对。我们也知道 head 标签对里是网页的配置，body标签对里是网页的内容。这篇文章就先来了解一些网页的基础配置。

上篇我们学习了一些网页的基础配置，知道了head标签中的meta标签，title标签，但到底什么是”标签“呢？接下来我们就来正式认识一下”标签“。

接下来，我们来学习一下HTML5的几个特性，掌握了这几个特性，会让我们在编写HTML的过程中更加得心应手~

接下来我们来学习HTML5中的列表标签，html5提供了三种列表标签，分别是 `无序列表、有序列表及定义列表`， 该章节为大家介绍的就是 "无序列表"。