JS

JavaScript(JS)学习技巧

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

JavaScript(JS)函数闭包使用详解

JavaScript 中的函数闭包有多种用法,以下是一些常见的用法:1. 封装私有变量和方法:/*使用自执行函数+闭包实现私有变量的创建*/(functionf(){letstr='私有变量'functionff(){console.log(str);}ff()

JavaScript(JS)变量声明详解

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

JavaScript(JS)对象的属性访问

上一节我们详细介绍了JS中的对象概念,本节我们将详细讲解如何操作对象。操作对象,实际上是调用对象中的属性。对象的属性指的是对象内存放的变量,通常是以键值对的方式存在。我们有两种方式访问对象内的属性。//创建Dotcpp用户(对象)特点是键值对方式存放constdotcpp_user={nickName:"dotc

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&

JavaScript(JS)函数详解

上一节我们讲解了JS里的循环结构,本节我们将继续JS语法的学习,开始认识函数。那什么是函数呢?在JS里,函数由关键字“function”定义,执行特定功能,相当于一个复用性高的代码块。JS里的函数一般有三个部分组成,参数(可选,多个参数通过','隔开)、函数功能和返回值(可选),简单理解就是函数功能把参数加工成返回值。JS里函数的语法格式一般为://函数声明funct

JavaScript(JS)函数参数详解

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

JavaScript(JS) DOM基础使用

前面一节我们知道了什么是DOM操作,本节我们将深入讲解标签的获取和操作。在JS中,我们可以使用多种方式获取DOM元素,如:1. 通过标签名获取元素:使用document.getElementsByTagName方法,传入标签名,可以获取到一个元素集合。例如:letelements=document.getElementsByTagName("div&q

JavaScript(JS)事件详解

上一节我们学习了JS中的this关键字,本节我们将学习JS中的事件系统。在JS中,什么是事件呢?简单来说,事件是发生在 HTML 元素上的"事情",比如我们浏览网站时都会有一个向上的小箭头,这个小箭头叫做“返回顶部”,当我们点击这个小箭头时页面会快速上滚,回到顶部,这就是一个很典型的点击事件。在JS里,事件可以是用户行为,也可以是浏览器行为。比如用户点击某个按钮,按下键盘或移动