
JavaScript
文章平均质量分 65
JavaScript
无限循环者
世上唯一不能复制的是时间,唯一不能重演的是人生。该怎么走,过什么样的生活,全凭自己的选择和努力。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript 中并发任务控制
并发控制是指在处理多个任务时,限制同时进行的任务数量的一种技术。这在资源有限或需要优化性能的场景中非常重要。在 JavaScript 中,我们可以通过控制异步操作的执行来实现并发控制。假设有 6 个待办任务要执行,而我们希望限制同时执行的任务个数,即最多只有 2 个任务能同时执行。当正在执行任务列表中的任何一个任务完成后,程序会自动从待办任务列表中获取新的待办任务并把该任务添加到正在执行任务列表中。原创 2024-06-23 22:59:44 · 1162 阅读 · 0 评论 -
js 函数的防抖(debounce)与节流(throttle)
序言:序言:我们在平时开发的时候,会有很多场景会频繁触发事件,比如说搜索框实时发请求,onmousemove, resize, onscroll等等,有些时候,我们并不能或者不想频繁触发事件,咋办呢?这时候就应该用到函数防抖和函数节流了!防抖(debounce)防抖(debounce)是指在一定时间内,只执行最后一次触发的事件。它适用于那些在连续触发事件的过程中,只关心最后一次触发的结果的情况。例如,当用户连续输入搜索关键字时,我们可以使用防抖来减少网络请求的次数。原创 2023-11-25 20:49:16 · 1429 阅读 · 0 评论 -
学习jQuery库的第一天
简介简介什么是 jQuery?jQuery 是一个广泛使用的 JavaScript 库。它简化了网页开发中常见的许多任务,例如 HTML 文档遍历、操作 HTML 元素、处理事件、动画效果、Ajax 网络请求等。通过使用 jQuery,开发人员可以更加高效地编写跨浏览器兼容的 JavaScript 代码。jQuery 提供了简洁明了的 API,使得操作和修改 HTML 和 CSS 变得简单而直观。它被许多网站广泛应用,在前端开发中起到了极其重要的作用。jQuery 安装jQuery 安装。原创 2023-09-14 19:46:04 · 185 阅读 · 0 评论 -
JavaScript --闭包(Closure)
闭包(Closure):闭包是指一个嵌套的内部函数引用了外部函数的变量或函数,并且这个内部函数被返回或在其它上下文中使用,从而形成了一个封闭的作用域。这样的组合就产生了闭包。综上所述,闭包是指一个嵌套的内部函数引用了外部函数的变量或函数,在其它上下文中使用时形成了封闭的作用域。重要的是要注意闭包的释放及时性,特别是在使用闭包的流程中,确保在不再需要时及时释放对闭包的引用,以避免内存泄漏问题。概括来说,闭包是嵌套的内部(子)函数引用了外部(父)函数的变量或函数,并且能够访问和操作这些外部作用域的内容。原创 2023-08-07 17:58:21 · 311 阅读 · 0 评论 -
JavaScript--WebStorage
WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案,浏览器兼容的本地存储方案只有使用Cookie。有同学可能会问,既然有了Cookie本地存储,为什么还要引入WebStorage的概念?与Cookie相比,WebStorage有以下几点优势:容量:Cookie的存储容量较小,通常为几KB,而WebStorage可以存储更大容量的数据,一般为几MB。原创 2023-08-07 17:10:52 · 318 阅读 · 0 评论 -
JavaScript--Cookie
在JavaScript中,cookie是一种小型的文本文件,它存储在用户的计算机上。通过使用cookie,网站可以向用户的浏览器发送数据,并将该数据保留在浏览器中,使网站能够在不同页面之间传递数据或存储用户偏好设置,以便在后续访问中进行读取和使用。原创 2023-08-07 10:16:46 · 788 阅读 · 0 评论 -
JavaScript--AJAX
传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽,由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间,这导致了用户界面的响应比本地应用慢得多。原创 2023-08-06 18:13:57 · 1601 阅读 · 3 评论 -
JavaScript --jQuery库
引入 jQuery 库:在 HTML 文件的或部分引入 jQuery 库。您可以从官方网站下载 jQuery,或通过使用 CDN(内容分发网络)引入。例如,在使用 CDN 的情况下,您可以在 HTML 文件中添加以下代码:在 JavaScript 代码中使用 jQuery 方法:在您的 JavaScript 代码中,使用符号来访问和调用 jQuery 方法。比如,您可以编写以下代码来选择一个元素并隐藏它:// 在文档完全加载后执行的代码。原创 2023-08-06 10:05:16 · 405 阅读 · 0 评论 -
JavaScript--弹窗
JavaScript提供了几种常用的弹窗方法,用于与用户进行交互或显示提示消息。警告框(Alert): 使用alert()方法创建一个警告框,它会显示一条消息并包含一个"确定"按钮。确认框(Confirm): 使用confirm()方法创建一个确认框,它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择,并返回对应的布尔值结果(true表示点击了"确定"按钮,false表示点击了"取消"按钮)。提示框(Prompt): 使用prompt()原创 2023-08-06 09:29:59 · 7688 阅读 · 0 评论 -
JavaScript--Math(算数)对象
JavaScript的Math对象是一个内置对象,提供了用于执行数学任务的方法和属性。原创 2023-08-06 09:11:16 · 202 阅读 · 0 评论 -
JavaScript--prop和attr的用法
在JavaScript中,prop和attr()是jQuery库提供的一个方法,用于获取或设置DOM元素的属性值。prop()prop()方法用于获取或设置HTML元素的属性值。通过prop()方法可以设置HTML元素的固有属性(如checked、disabled等)以及自定义属性。其中,selector为选择器,可以是元素的标签名、类名、id等;propertyName为属性名称;value为要设置的属性值。attr()attr()方法用于获取或设置HTML元素的属性值。通过attr()原创 2023-08-05 16:53:19 · 3025 阅读 · 0 评论 -
JavaScript--Date(日期)对象
创建一个Date对象并获取当前日期和时间:获取特定日期的年、月、日、小时、分钟、秒:格式化日期为特定格式的字符串:进行日期和时间的计算:比较两个日期的大小:注意事项:原创 2023-08-02 17:14:25 · 486 阅读 · 0 评论 -
JavaScript--字符串(String)对象
JavaScript中的字符串(String)对象用于处理和操作文本数据。原创 2023-08-02 16:54:18 · 338 阅读 · 0 评论 -
JavaScript--Array对象
JavaScript中的Array(数组)对象是一种用于存储和操作多个值的有序集合。它是JavaScript中最常用的数据结构之一,提供了丰富的方法和属性来处理数组中的元素。length。原创 2023-08-02 09:19:16 · 169 阅读 · 0 评论 -
Javascript--JSON
JavaScript中的JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于存储和表示结构化的数据。JSON使用键值对的方式组织数据,并支持基本数据类型(字符串、数字、布尔值、数组和对象)。JSON是独立的语言,并且易于理解。原创 2023-08-01 10:43:29 · 308 阅读 · 0 评论 -
JavaScript--生成器函数
JavaScript中的生成器函数是一种特殊类型的函数,用于生成迭代器对象。生成器函数使用function*语法进行定义,并且在函数体内使用yield关键字来指定生成序列中的每个值。当调用生成器函数时,它会返回一个迭代器对象,可以通过迭代器的next()方法来逐步获取生成的值。注意:在生成器函数中,可以使用return语句提前终止生成序列,并且可以在yield语句之后返回一个最终值。通过执行生成器函数可以获取一个迭代器对象,可以通过迭代器对象的next()方法获取生成器函数中的每个值。原创 2023-07-31 09:47:31 · 258 阅读 · 0 评论 -
JavaScript--同步和异步迭代器
异步迭代器对于处理异步操作,比如网络请求或读取大型文件等场景非常有用,可以避免阻塞代码执行。而同步迭代器适用于处理同步的、一次性获取全部数据的情况。需要注意的是,异步迭代器通常涉及到使用异步函数或 Promise 来处理迭代操作。这些功能是ES2018引入的,并在处理具有异步或延迟操作的情况下非常有用。原创 2023-07-31 08:51:32 · 802 阅读 · 0 评论 -
JavaScript--异步编程
JavaScript的异步编程是指在执行任务时,不必等待当前任务完成,而是可以继续执行下一个任务。这种方式可以提高程序的性能和响应速度。原创 2023-07-30 17:28:52 · 415 阅读 · 0 评论 -
JavaScript--Promise类
Promise是JavaScript中用于处理异步操作的对象。它代表着一个异步操作的最终完成(或失败)以及其结果值。Promise通常用于处理从服务器获取数据、读取文件或进行API调用等异步操作。使用Promise能够以更加结构化和可读的方式编写异步代码。Promise 构造函数是 JavaScript 中用于创建 Promise 对象的内置构造函数。Promise 构造函数接受一个函数作为参数,该函数是同步的并且会被立即执行,所以我们称之为起始函数。原创 2023-07-30 10:06:38 · 205 阅读 · 0 评论 -
JavaScript--窗口属性
请谨慎为新的浏览器窗口指定URL,由于浏览器的安全策略限制,进行指定URL,可能会阻止或限制某些窗口操作。moveTo()和resizeTo()方法通常会受到浏览器的限制,禁止通过JavaScript自动移动或调整窗口大小,以保护用户的隐私和浏览体验。请注意,根据浏览器的安全设置,如果窗口是通过window.open()方法打开的,那么只能关闭该窗口的父窗口或由同一域打开的窗口。因此,在测试或演示窗口操作时,最好手动执行这些操作,或者使用浏览器的开发者工具来模拟不同的窗口尺寸和位置。调整当前窗口的大小。原创 2023-07-18 22:15:32 · 690 阅读 · 0 评论 -
JavaScript--定时事件
需要注意的是,在使用定时器时,可以使用返回的计时器 ID(timeoutID 或 intervalID)来清除定时器,以停止定时器的进一步执行。运行这段代码,它将在页面加载完成后设置一个延时器,在3秒后将文档标题更改为"新标题"。同时,它还设置了一个定时器,每隔1秒更新显示当前时间的元素。而点击"停止定时器"按钮,则会清除定时器并显示一个提示消息。这两个定时器方法通常用于需要在一定延迟后执行某个操作或定期重复执行某个动作的场景,如页面动画、定时更新数据等。原创 2023-07-16 17:20:49 · 764 阅读 · 2 评论 -
JavaScript--addEventListener()方法
在上述示例中,我们通过getElementById()方法获取到id为"myButton"的按钮元素,然后使用addEventListener()方法给按钮添加了一个点击事件的监听器。当按钮被点击时,匿名函数将会执行,并在控制台输出"按钮被点击了!对于addEventListener()方法,它用于向指定的元素添加事件监听器,并在该元素上触发指定的事件时执行相应的函数或代码。原创 2023-07-14 10:30:51 · 1087 阅读 · 0 评论 -
JavaScript--事件处理高级应用
指在特定条件下触发的操作或响应。事件可以是用户与网页交互时引起的动作,例如点击按钮、提交表单、鼠标移动等,也可以是由浏览器或其他代码触发的动作,如页面加载完成、时间到达等。我们可以通过添加事件处理程序来响应各种事件。事件处理程序是一段JavaScript代码,用于定义事件发生时要执行的操作。通过将事件处理程序绑定到特定的HTML元素上,当事件被触发时,相应的代码将被执行。事件驱动编程是一种常见的编程范式,在Web开发中尤为重要。它允许我们对用户的操作做出即时反应,提供交互性和动态性的体验。原创 2023-07-14 09:47:59 · 437 阅读 · 1 评论 -
JavaScript--修改 HTML 元素
7、元素节点.insertBefore(element):在指定的子节点前面插入新的子节点。这个方法用于在指定子元素之前插入一个新的子元素。5、元素节点.appendChild(element):添加 HTML 元素。这个方法用于将一个元素节点作为子元素添加到另一个元素节点中。6、元素节点.replaceChild(element):替换 HTML 元素。这个方法用于将一个元素节点替换掉另一个元素节点。例如 document.createElement('div') 将创建一个 元素节点。原创 2023-07-13 09:45:11 · 2159 阅读 · 0 评论 -
JavaScript--改变 HTML 的值
要改变 HTML 元素的值,可以使用以下方法:1.使用元素节点的 innerText 属性来改变元素的文本内容。例如:element.innerText = '新的文本内容';2.使用元素节点的 innerHTML 属性来改变元素的 HTML 内容。例如:element.innerHTML = '新的HTML内容';3.使用元素节点的属性来改变 HTML 元素的属性值。例如:element.attribute= '新的属性值';原创 2023-07-13 09:22:23 · 1969 阅读 · 0 评论 -
JavaScript--currentStyle和getComputedStyle()的区别和联系
需要注意的是,无论是currentStyle还是getComputedStyle()返回的样式值都是字符串形式,如果需要获取具体的数值,可以使用相关的方法进行转换(例如parseInt())。该函数接受两个参数:element代表要获取样式的元素,styleProperty代表要获取的样式属性。JavaScript中的currentStyle和getComputedStyle()都是用于获取元素的计算样式属性的方法,但它们适用于不同的情况。它用于获取指定元素的当前样式,返回的是一个样式属性对象。原创 2023-07-12 10:46:23 · 551 阅读 · 0 评论 -
JavaScript--验证API
Validity 属性。原创 2023-06-15 10:40:54 · 120 阅读 · 0 评论 -
js--prototype(原型)
在JavaScript中,prototype是每个函数对象都具有的一个特殊属性。它是一个指向原型对象的引用,通过这个属性,函数与其创建的对象建立了连接。原型对象是一个普通的对象,它包含了共享给由该构造函数创建的所有实例的属性和方法。当我们通过某个构造函数创建新对象时,这个新对象就会继承构造函数的原型对象上的属性和方法。通过原型,我们可以实现属性和方法的共享,并且使用原型链来实现对象之间的继承关系。以下是关于原型的一些重要概念:1.构造函数:在JavaScript中,函数可以被用作构造函数。原创 2023-07-09 17:48:51 · 878 阅读 · 0 评论 -
js--如何数字转中文
在上述代码中,通过 prompt 函数弹出一个对话框,提示用户输入一个数字。接下来,检查 num 是否是一个有效的数字。用户运行该代码后,会弹出一个输入框,可以在其中输入想要转换的数字。在上述代码中,定义了 numberToChinese 函数,该函数接受一个数字作为参数并返回对应的中文表示。示例二:如果要通过用户输入获取数字,并将其转换为中文表示,可以使用 JavaScript 的 prompt 函数获取用户输入。示例一:如果要将数字10、100和1000转换成中文的"十"、"一百"和"一千",原创 2023-07-08 17:30:20 · 4813 阅读 · 5 评论 -
JavaScript--let和const还有var的区别和联系
当声明变量时,可以根据具体情况选择使用let。原创 2023-07-06 13:56:14 · 287 阅读 · 0 评论 -
JavaScript--this关键字
具体来说,在 JavaScript 中,this 的值是在函数被调用时确定的,而不是在函数被定义时确定的。1.在全局作用域下(在任何函数外部),this 引用的是全局对象(例如浏览器环境中的 window 对象)。4.当使用 call() 或 apply() 方法调用函数时,可以手动指定函数内部的 this 的值。5.使用箭头函数时,this 的值是继承自父级作用域中的 this 值,而不是由调用方式决定的。2.当一个函数被作为对象的方法调用时,this 指向的是调用该方法的对象。原创 2023-07-06 12:32:13 · 204 阅读 · 0 评论 -
JavaScript--value和checked的用法
在JavaScript中,"value"通常用于表示HTML表单元素的值或者DOM元素的属性值。以下是一些常见的情况,具体使用方式可能会根据实际场景而有所不同。我们可以填写表单中的各项内容,然后点击提交按钮。通过JavaScript,我们获取了各个表单元素的值,并将其输出到浏览器的控制台中供查看。原创 2023-07-02 11:23:27 · 1316 阅读 · 0 评论 -
JavaScript--错误处理机制
try语句:try语句用于包裹可能会引发错误的代码块,并捕获其中的任何异常。如果在try块中出现了错误,程序将立即跳转到相应的catch语句(如果存在)或者finally语句。catch语句:catch语句用于处理try块中抛出的异常。它允许指定一个或多个特定的错误类型来捕获和处理不同类型的异常,或者可以使用通用的catch语句来捕获所有的异常。catch语句中的代码块将在异常被捕获时执行。throw语句:throw语句用于在代码中显式地创建自定义的错误。原创 2023-06-30 17:38:44 · 138 阅读 · 0 评论 -
JavaScript--正则表达式
JavaScript正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)是用于在字符串中进行模式匹配和替换的工具。它可以让你根据特定的模式搜索、提取或替换文本。在JavaScript中,你可以使用正则表达式对象来创建和操作正则表达式。原创 2023-06-26 16:39:23 · 154 阅读 · 0 评论 -
js--标签内容的设置
js--标签内容的设置原创 2023-06-20 21:17:11 · 1479 阅读 · 0 评论 -
js--通过面向对象方式操作属性
js--通过面向对象方式操作属性原创 2023-06-18 21:12:54 · 95 阅读 · 0 评论 -
js--通过DOM方法操作属性
js--通过DOM方法操作属性原创 2023-06-18 17:40:44 · 360 阅读 · 0 评论 -
js--DOM中查找节点的方式
js--DOM中查找节点的方式原创 2023-06-18 13:40:42 · 787 阅读 · 0 评论 -
js实现输入字符串返回字符串长度
实现以下功能:输入字符串返回数字。原创 2023-06-12 20:46:14 · 263 阅读 · 0 评论 -
JavaScript+jQuery程序设计 --基础编程题及参考答案
求其中最大的值和最小的值分别是多少,最大的值和最小的值在数组中的位置序号分别是多少?C、使用Javascript代码,实现点击【全不选】按钮,取消选中所有的复选框。D、使用Javascript代码,实现点击【反选】按钮,实现复选框的反选效果。B、使用Javascript代码,实现点击【全选】按钮,选中所有的复选框。、有一个数组 var arr1=[30,14,21,13,8,9]1、使用javaScript循环语句,打印9*9乘法表 (A、使用HTML实现如下网页界面。2、按照要求完成如下任务。原创 2023-06-11 12:25:02 · 1087 阅读 · 0 评论