JS

JavaScript(JS)循环语句详解

上一节我们详细讲解了JS里的条件语句:if-else语句和switch语句,本节我们继续JS语法的学习,开始了解循环语句。对于一些机械重复的操作,比如数组的遍历,我们就可以通过循环语句来执行这个行为了。JS里有很多循环语句,但是最核心的就是这两个——for循环和while循环,其他循环都是在此基础上进行适配。for循环:/*for(初始化;循环条件;更新表达式

JavaScript(JS)类方法

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

JavaScript(JS)如何书写注释

上一节我们学习了JS的变量声明关键字let、const和var(不推荐使用var声明变量),本节我们将详细讲解如何书写JS中的注释。JS里书写注释有两种,第一种是‘//’单行注释,第二种是‘/**/’多行注释。下面通过代码演示一下:<!DOCTYPEhtml><htmllang="en"><head>

JavaScript(JS)库之jQuery

上一节我们总体介绍了JS库有哪些,并简单向读者验证了熟练使用JS库能够大幅度提高前端工作效率。本节我们开始介绍JS库的一个十分重要的库——jQuery。jQuery是一个流行的JS库,它提供了一种简单易用的API,可以在各种浏览器中运行。jQuery提供了一系列功能,例如DOM操作、事件处理、动画效果、Ajax交互、表单验证等,这使得开发人员可以更快速、更轻松地开发Web应用。与其他JS库相比,j

JavaScript(JS)函数调用的4种方式

上一节我们深入学习了JS函数参数的arguments对象,本节我们将深入学习调用JS函数的4种方式:1. 最简单的方式,作为一个函数被调用:/*作为一个函数被调用*/functionf(){console.log('HelloJS!');}f();//输出“HelloJS!”2.方法调用

JavaScript(JS)学习技巧

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

JavaScript(JS)变量声明详解

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

JavaScript(JS) DOM动态效果与动画

上一节我们详细讲解了表单的验证,包括信息验证、本地存储和动态渲染,本节我们将学习如何通过JS操作DOM实现元素的显示与隐藏、淡入淡出效果、滑动效果和动画效果。下面是针对每个效果的具体实现方法:1. 元素的显示和隐藏。显示元素:设置元素的style.display属性为"block"、"inline"或其他合适的值。例如:element.style.displ

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

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

JavaScript(JS)简单的DOM操作

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