JavaScript文章/教程

JavaScript是一种运行是浏览器里面的脚本语言,不过随着发展目前JavaScript也是一个全栈的开发语言了,比如可以运行在后端的nodejs,能做跨平台桌面应用程序开发的election等

手把手教你VSCode配置JavaScript基于Node.js的调试环境

目录一、安装VSCode和Node.js二、VSCode配置三、可能出现的问题总结一、安装VSCode和Node.js 前言:做科研之后确实很少会总结积累,可能是科研中出现的问题的解决方法比较多样灵活,别说了其实就是偷懒哈哈哈哈哈。这不又要做前端才又开始写博客记录环境配置了。行了不说废话了赶紧开始正...

JavaScript 深拷贝的循环引用问题详解

如果说道实现深拷贝最简单的方法,我们第一个想到的就是 JSON.stringify() 方法,因为JSON.stringify()后返回的是字符串,所以我们会再使用JSON.parse()转换为对象,如下代码: let obj = { name: 'liaoyi',age: 22,sex: 1} J...

JavaScript 深拷贝的循环引用问题

如果说道实现深拷贝最简单的方法,我们第一个想到的就是 JSON.stringify() 方法,因为JSON.stringify()后返回的是字符串,所以我们会再使用JSON.parse()转换为对象,如下代码:let obj = { name: 'liaoyi',age: 22,sex: 1}JSO...

JavaScript中的宏任务和微任务执行顺序

在 JavaScript 中,宏任务和微任务是指在执行代码的过程中的两种不同的任务类型。 宏任务(macro task)指的是浏览器在执行代码的过程中会调度的任务,比如事件循环中的每一次迭代、setTimeout 和 setInterval 等。宏任务会在浏览器完成当前同步任务之后执行。 微任务(m...

利用JavaScript实现检测用户是否在线功能

目录检测连接状态演示有时你可能希望增强你的应用程序以通知用户他们可能已经失去了互联网连接。 用户可能正在访问你的网站并收到缓存版本,因此通常看起来他们的互联网仍在工作。 然而,他们失去了引擎盖下的连接,并且不会加载任何新内容。 在这里向他们显示一些消息以让他们知道他们应该检查他们的连接可能是有益的。...

教你用JavaScript实现乘法游戏

教你用JavaScript实现乘法游戏 关注我,学习更多简单易懂的编程实战案例。进主页获取更多编程/就业/副业/创业/资源。 案例介绍欢迎来的我的小院,我是霍大侠,恭喜你今天又要进步一点点了!...

Javascript模块导入导出详解

笔者开始学习Javascript的时候,对模块不太懂,不知道怎么导入模块,导出模块,就胡乱一通试 比如 import xx from 'test.js' 不起作用,就加个括号 import {xx} from 'test.js' 反正总是靠蒙,总有一种写法是对的,其实还是没有理解,还是不懂 尤其是在...

彻底弄懂Javascript模块导入导出

笔者开始学习Javascript的时候,对模块不太懂,不知道怎么导入模块,导出模块,就胡乱一通试比如 import xx from 'test.js' 不起作用,就加个括号 import {xx} from 'test.js'反正总是靠蒙,总有一种写法是对的,其实还是没有理解,还是不懂尤其是在当初...

JavaScript:类(class)

本文主要讲述JS中类的相关概念和继承 在JS中,类是后来才出的概念,早期创造对象的方式是new Function()调用构造函数创建函数对象;而现在,可以使用new className()构造方法来创建类对象了;所以在很多方面,类的使用方式,很像函数的使用方式:但是类跟函数,还是有本质区别的,...

第一百一十七篇: JavaScript 工厂模式和原型模式

第一百一十七篇: JavaScript 工厂模式和原型模式 好家伙,本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式工厂模式是另外一种关注对象创建概念的创建模式。它的领域中同其它模式的不同之处在于它并没有明...

javascript中var与let、const的区别详解

一、var声明的变量会挂载在window上,而let和const声明的变量不会: var a = 100; console.log(a,window.a); // 100 100 let b = 10; console.log(b,window.b); // 10 undefined ...

javascript中Set、Map、WeakSet、WeakMap区别

前言 在学习vue官方源码解析的过程中,看到了有关这一块的解析,所以跟着学习并且记录一下 Set 之前我对Set的了解还是仅仅停留在数组去重,但是我并没有在项目中用过,深入学习后,发现有时候用这个特性还挺方便的。介绍Set之前我们先来介绍一下集合,集合是由一群无序的、不重复的元素组成的集合。Set对...

JavaScript:原型(prototype)

本文主要介绍JS的原型的概念和原理,在创建对象的时候的作用,以及在继承方面的作用 面向对象有一个特征是继承,即重用某个已有类的代码,在其基础上建立新的类,而无需重新编写对应的属性和方法,继承之后拿来即用;在其他的面向对象编程语言比如Java中,通常是指,子类继承父类的属性和方法;我们现在来看看...

教你用JavaScript实现计数器

教你用JavaScript实现计数器 关注我,学习更多简单易懂的编程实战案例。进主页获取更多编程/就业/副业/创业/资源。 案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我...

JavaScript面试数组index和对象key问题详解

目录面试题一:1、数组赋值2、数组取值面试题二:1、对象赋值2、对象取值总结面试题一: var arr = [1, 2, 3, 4] 复制代码 问:arr[1] = ?; arr['1'] = ? 答:arr[1] = 2; arr['1'] = 2 这里可以再分为两个问题: 1、数组赋值 var...

JavaScript判断空值、NULL、undefined的方法对比

JavaScript五种原始类型(boolean、number、string、null、undefined)中的一种。在鉴别JavaScript原始类型的时候我们会用到typeof操作符。Typeof操作符可用于字符串、数字、布尔和未定义类型。 一、javaScript 五种空值和假值 分别为 un...

一看就懂的JavaScript适配器模式图解及使用示例

目录引言总结引言 适配器模式是用来解决两个软件实体之间不兼容的问题的设计模式。 举个两实体不匹配例子: 假如这两块要契合在一起,怎么办? 对喽,咱们先给A实体造个适配器,如下: 再把A实体往右推一下: 通过适配器,咱们就把A实体和B实体结合到了一起了。 完美,再看适配器在代码中的例子。 场景...

JavaScript单例模式能不能去实例只留单原理解析

目录一、单例模式的分类二、惰性单例模式二、普通单例模式总结一、单例模式的分类 一个环境中有且只有一个实例,并且当前环境可以访问到它。往小了说,当前环境可以是一个函数作用域、块级作用域,往大了说可以是全局window或者global环境。如果按照实例的创建时机进行单例模式的分类,有: 普通单例模式:...