JS

JavaScript(JS)循环语句详解

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

JavaScript(JS)库之Vue.js

上一节我们简单介绍了JS中的jQuery库,本节我们将介绍目前最流行的JS框架——vue.js。Vue.js是一种渐进式JS框架,它旨在构建可响应的、组件化的用户界面。Vue.js的核心理念是将视图层抽象为一个可扩展的组件系统,这样开发人员可以使用简单的模板语法来构建复杂的用户界面。上一节我们不是利用jQuery写了一个备忘录吗,这节我们通过Vue.js来写一个备忘录:<!DOCTYPE&n

JavaScript(JS)函数返回值

上一节我们详细介绍了函数的调用,本节我们将详细介绍函数调用时会使用到另一个重要概念——返回值。JS函数可以通过 return 语句返回一个值。返回值可以是任何JS数据类型,包括数字、字符串、布尔值、对象等。下面是一个简单的函数示例,演示了如何使用 return 语句来返回一个值:/*字符串拼接函数*/functionf(s1,s2){return&nbsp

JavaScript(JS) DOM AJAX与DOM

上一节我们通过DOM进行动画渲染,使得我们的页面变得更加生动起来,本节我们将深入DOM的学习,认识并实际操作Ajax实现异步通信。AJAX(Asynchronous JavaScript and XML)是一种在网页中通过JS与服务器进行异步通信的技术。它允许我们在不刷新整个页面的情况下向服务器发送请求并接收响应,从而实现动态更新页面的效果。在传统的Web应用程序中,用户与服务器之间的通信通常是同

JavaScript(JS)数据类型转换详解

上一节我们学习了JS中关于作用域的知识,本节我们将详细讲解JS中的数据类型该如何转换。在JS中,一般会有这三种常见的数据类型转换:values->string(字符串)、values->Num(数字)和values->Boolean(布尔值):<!DOCTYPEhtml><htmllang="en"><

JavaScript(JS)学习技巧

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

JavaScript(JS)箭头函数详解

上一节我们详细介绍了JS中的函数表达式,本节我们将深入探讨ES6引入的重要特性——箭头函数。什么是箭头函数?它是一种使用“=>”语法定义函数的简洁方式,就像给函数装上了"箭头",让函数定义更加简洁、直观。我们先来看看箭头函数长什么样子:/*箭头函数提供了一种更简洁的函数定义方式*///传统函数表达式constoldf&n

JavaScript(JS)JSON详解

上一节我们详细讲解了JS中的保留关键字,本节我们将学习JS中的JSON。那什么是JSON呢?在JS里,JSON是一种常用的数据传输格式,服务端和客户端如果进行数据传输,一般都是通过JSON格式进行表达。我们先来看一个JSON实例:{"course":[{"C语言网":"dotcpp.com"},{"C语言教程":&

JavaScript(JS)定时器

上一节我们详细介绍了JS动画,本节我们将学习JS定时器。JS的定时器功能非常强大,可以用于在特定的时间间隔或时间点执行特定的代码。JS内置的setInterval()和setTimeout()函数是常用的定时器函数。1.setInterval()——循环定时器,需要通过clearInterval()函数手动清除。<!DOCTYPEhtml><html&n

JavaScript(JS)简单的DOM操作

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