JavaScript
JavaScript：类(class)
在JS中，类是后来才出的概念，早期创造对象的方式是new Function()调用构造函数创建函数对象； 而现在，可以使用new className()构造方法来创建类对象了； 所以在很多方面，类的使用方式，很像函数的使用方式： 但是类跟函数，还是有本质区别的，这在原型那里已经说过，不再赘述； 如何 ......
第一百一十七篇: JavaScript 工厂模式和原型模式
好家伙，本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式 工厂模式是另外一种关注对象创建概念的创建模式。 它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。 取而代之，一个工厂能提供一个创建对象的公共接口，我们可以在其中指定我们希望被创建的工厂对象 ......
Javascript | 分别用async await异步方法和Promise来实现一个简易的求职程序
关注公众号，一起交流，微信搜一搜: LiOnTalKING JavaScript Promise Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。 如何创建一个 Promise 对象？ new Promise(function (resolve, re ......
JavaScript Promises, async/await
这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(function(resolve, reject) { // this ......
如何用 JavaScript 编写你的第一个单元测试
前言 测试代码是使代码安全的第一步。做到这一点的最好方法之一是使用单元测试，确保应用程序中的每个小功能都能发挥其应有的作用--特别是当应用程序处于边缘情况，比如无效的输入，或有潜在危害的输入。 为什么要单元测试 说到单元测试，有许多不同的方法。单元测试的一些主要目的是： 验证功能：单元测试确保代码做 ......
JavaScript入门⑧-事件总结大全
事件（Event）是JavaScript的心脏，触发各种交互，让网页动起来。事件是浏览器网页可以监测到的行为，如页面加载、鼠标点击、键盘按键等。在这些事件中可以自定义事件处理程序，用于实现各种业务需求。 ......
JavaScript入门⑦-DOM操作大全
DOM（Document Object Model）文档对象模型，将文档document解析为一个由节点和对象（包含属性和方法的对象）组成的逻辑树，每个节点都是一个对象，document对象就是整个DOM树的根节点。 ......
JavaScript入门⑨-异步编程●异世界之旅
JavaScript的是单线程的语言，按顺序执行。事件循环（Event loop）是JS的运行机制，也是JS实现各种“异步”功能的基础。 ......
JavaScript中的防抖与节流-图文版
防抖与节流目的都是避免一定时间内，大量重复的操作造成的性能损耗。因此原理也类似，都是阻止过多的事件执行，只保留一部分来执行。适用场景略有不同，也有交叉，动手练习一遍就懂了。 ......
JavaScript冒泡排序+Vue可视化冒泡动画
冒泡排序（Bubble Sort）算是前端最简单的算法，也是最经典的排序算法了。网上JavaScript版本的冒泡排序很多，今天用Vue实现一个动态的可视化冒泡排序。 ......
教你用JavaScript实现随机点名
案例介绍 欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript相关知识，做一个随机点名的案例。你可以通过点击开始按钮控制上方名字的闪动，点击停止按钮可以随机选定一个名字。 案例演示 运行程序后，我们可以看到一个矩形框按钮，显示开始点名，点击后名字随机闪动。同时按钮变 ......
JavaScript入门②-函数(1)基础{浅出}
函数（方法）就是一段定义好的逻辑代码，函数本身也是一个object引用对象。JS的深入浅出，全面了解函数，从作用域到词法分析，从箭头函数到call/apply/bind，从this到闭包，从上下文到调用栈，从内核到外延... ......
JavaScript入门①-基础知识筑基
JavaScript（缩写：JS）是一种具有面向对象能力的、解释型的程序语言，基于对象和事件驱动，具有相对安全性的客户端脚本语言。JavaScript是一门完备的 动态编程语言，当应用于 HTML 文档时，可为网站提供动态交互特性，是前端开发最主要、正式的编程语言。 ......
JavaScript入门④-万物皆对象:Object
Object是 JavaScript 的一种 数据类型，它用于存储各种键值集合和更复杂的实体，是一组数据和功能的集合。JS中几乎所有对象都是继承自Object，Array、RegExp、Math、Map、Set都是他的子类型。 ......
JavaScript入门⑥-WEB浏览器API
JavaScript入门系列目录 JavaScript入门①-基础知识筑基 JavaScript入门②-函数(1)基础{浅出} JavaScript入门③-函数(2)原理{深入}执行上下文 JavaScript入门④-万物皆对象:Object JavaScript入门⑤-欲罢不能的对象、原型与继承 ......
JavaScript入门③-函数(2)原理{深入}执行上下文
被JavaScript的闭包、上下文、嵌套函数、this搞得很头痛，这语言设计的，感觉比较混乱，先勉强理解总结一下???。● 为什么有闭包这么个东西？闭包包的是什么？● 什么是词法作用域？● 函数是如执行的呢？ ......
JavaScript入门⑤-欲罢不能的对象原型与继承-全网一般图文版
JavaScript 中的所有对象本质上都是通过new ()创建出来的，包括字面量的{obj}，也是new Object()的语法糖。每一个实例对象都有自己的原型，基于原型创建这个对象，Function本身也是一个对象。 ......