JS

JavaScript(JS)运算符详解

上一节我们详细讲解了JS中的七种基本数据类型,本节我们将学习JS语法的运算符知识。在 JS 中,运算符是用于执行各种操作的符号,它们可以对变量和值进行数学运算、比较、逻辑判断等操作。JS 中的运算符主要分为以下六大类:1. 算术运算符:(用于执行基本的数学运算)运算符描述示例+加法let sum = 5 + 3// 8-减法let diff = 5 - 3// 2*乘法let product =

JavaScript(JS) DOM表单操作

上一节我们学习了JS中DOM树的遍历,本节我们将学习JS中的表单操作,包括表单的本地存储、信息验证和动态渲染。比如我们有一个学生表,包括4个字段,姓名(name)、年龄(age)、性别(gender)学生码(ID),通过填写表格,进行信息验证,填写完后存入本地,然后从本地存储里拿出来渲染。<!DOCTYPEhtml><htmllang="zh-

JavaScript(JS)异步编程详解

上一节我们学习了JS里的void关键字,本节我们将学习JS里的异步编程。异步编程是指在执行某些耗时操作时,不让程序停下来等待,而是继续执行后续代码,等耗时操作完成后再回来处理结果的一种编程方式。为什么会出现异步编程?因为JS是单线程的,如果所有操作都同步执行,遇到网络请求、文件读取等耗时操作时,页面就会卡住无法响应。异步编程解决了这个问题,让程序在等待期间还能处理其他任务。比如延迟执行定时器就是一

JavaScript(JS)window简介

上一章我们详细讲解了JS中内置的基本对象,本章我们将学习JS中的Window对象。本节我们开始认识Window对象,包括它的结构和一些常见的使用场景。我们知道,Window和Location、Navigator、History、Screen是BOM的一些核心对象,Window的结构如下:Window(浏览器窗口实例-全局对象)│├──

JavaScript(JS)变量声明详解

在JS中,变量声明有三种方式,他们分别是var、const和let。由于JS是弱语言类型,所以不像C/C++、Java等编译型语言一样要具体声明数据类型。我们可以通过这三个关键字创建字符串变量"Dotcpp":vars1='Dotcpp'lets2='Dot

JavaScript(JS)类方法

上一节我们详细介绍了什么是类,怎么创建一个类,本节我们将深入JS中类的学习,掌握如何通过定义多个方法来实现类的行为和功能。类的方法分为两种类型:实例方法和静态方法。1. 实例方法(Instance Methods)实例方法是类的原型方法,通过类的实例进行调用。它们可以访问实例的属性,并且可以使用this关键字引用当前实例。以下是一个实例方法的示例:/*学生类*/&nbsp

JavaScript(JS)常见的使用误区详解

上一节我们详细讲解了JS中的错误处理机制,本节我们将学习JS中的常见使用误区。1. 误用’=‘作比较运算符’==‘/*误用赋值运算符作比较运算符*/letn=1if(n=2)console.log(n);//这里会判断为真,打印2。正常情况下应该不打印的2. 误用比较运算符’==‘(宽松比较)和’===‘(严格比较)在JS里,’==‘会进行类型转换后再比较,而’===‘

JavaScript(JS)学习技巧

上一节我们学习了如何使用Chrome开发者工具,方便我们检测JS代码。本节读者将会简要介绍学习JS的七个小技巧:学习途径原因与推荐在线学习平台提供结构化课程与练习,适合系统学习。推荐:Codecademy, freeCodeCamp, Udemy, Coursera。官方文档最权威、详尽的参考资料。推荐:Mozilla Developer Network (MDN) Web Docs。开发者博客获

JavaScript(JS)函数参数详解

上一节我们详细讲解了JS中的匿名函数,本节我们将深入学习JS函数的参数。在JS中,函数参数是用于接收传递给函数的值或引用的变量。函数可以有零个或多个参数,参数可以被用来在函数内部进行计算或操作。JS函数中的参数有以下几种形式:1. JS函数中的参数可以0个或是任意个。/*JS函数中的参数可以0个或是任意个*//*无参数情况*

JavaScript(JS)简单的DOM操作

上一节我们简单了解了T的发展历程,本节主要向读者分别演示三个简单的DOM操作,让读者感受T的强大之处。这三个简单的DOM操作分别是document.write()、alert弹窗和innerHTML更新网页内容。1. document.write():一般来说,我们是通过标签在HTML里面书写内容,只是这些内容是固定的,不能改变。这里我们展示一个页面:<!DOCTYPEhtml&