
JavaScript日常处理
文章平均质量分 93
JavaScript可以捕捉各种用户与网页的交互事件,如点击、滚动、键盘输入等。理解如何使用事件处理器和如何避免事件冒泡和默认行为是重要的。使用ES6+的新特性,如箭头函数、模块导入导出、解构赋值等。这些新特性可以使代码更简洁、易于理解和维护。
·零落·
远处的是风景,近处的才是人生。
展开
-
window.open详解(打开新窗口、脱离当前浏览器窗口打开新窗口)
语法window.open(URL,name,features,replace)参数描述URL字符串(可选),新窗口中要显示的地址name字符串(可选),打开窗口的方式,类似a标签tartget属性:_blank,_parent,_self,_topfeatures字符串(可选),申明新窗口的显示特征,见下表replace布尔值(可选),true - URL 替换浏览历史中的当前条目;false - URL 在浏览历史中创建新的条目窗口特征(Feat原创 2020-06-09 12:00:26 · 24858 阅读 · 2 评论 -
JavaScript map对象/set对象详解
这个方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。方法在数组操作中非常有用,它允许你遍历数组的每个元素,并对每个元素执行一个函数,然后将该函数的结果组成一个新的数组。对象是一种特殊的类型,它允许你存储唯一的值(无论是原始值还是对象引用)。以下是一些基本的操作。有时,你可能需要对数组中的每个元素进行复杂的转换,这可能需要多个步骤或依赖于其他数据。是一个内建的对象类型,它允许你存储唯一的值,无论是原始值或者是对象引用。,其中的每个元素都是原数组中对应元素的两倍。原创 2024-05-09 16:32:21 · 5867 阅读 · 3 评论 -
javascript:void(0)用法及常见问题解析
javascript:void(0) 在 JavaScript 中通常用于阻止链接的默认行为,即点击链接时不会进行页面跳转或刷新。然而,在实际应用中,使用 javascript:void(0) 也可能会遇到一些问题和误解。原创 2024-03-08 07:30:00 · 4504 阅读 · 13 评论 -
JavaScript 需要知道的几种算法
冒泡排序、快递排序、二分查找、递归算法、斐波那契数列、哈希表算法、广度优先搜索算法原创 2024-03-08 07:00:00 · 2291 阅读 · 1 评论 -
使用HTML、CSS和JavaScript来创建一个粒子效果,粒子会跟随鼠标点击位置生成
JavaScript最初是为了在网页上添加简单的交互功能而创建的,但随着时间的推移,它已经发展成为一种功能强大且广泛使用的语言。CSS与HTML结合使用,用于控制网页中的布局、颜色、字体、大小、边距等方面的样式。JavaScript是一种功能强大且灵活的编程语言,用于为网页添加交互和动态性,并且已经成为Web开发的基础之一。这只是HTML的一些基本概念,HTML有很多其他的标签和功能,可以根据需要进一步学习和掌握。这些只是CSS的一些基本概念,CSS还有更多的属性和功能,可以根据需要进一步学习和掌握。原创 2024-02-05 11:42:40 · 2335 阅读 · 4 评论 -
JSON详解
JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于语言的文本格式来存储和表示数据。在上面的示例中,name、age、isStudent、address和isMarried都是键,对应的值分别是字符串、数字、布尔值、对象和null。在JavaScript中,可以使用JSON.parse()方法将JSON字符串解析为对象。可以使用循环来处理JSON数组中的每个元素。原创 2024-01-29 10:39:23 · 968 阅读 · 2 评论 -
ECMAScript的modules规范详解
其次,由于每个模块都有自己的作用域,如果模块之间的依赖关系过于复杂,可能会导致性能下降和代码难以维护。如果模块导出了多个项,我们可以使用逗号,来分隔它们。它是一种代码组织的方式,允许开发者将相关的代码分成独立的模块,这些模块可以单独加载和执行。使用ECMAScript模块规范需要使用import语句来导入其他模块的导出内容,或者使用export语句来导出当前模块的内容。ECMAScript模块规范是一种JavaScript代码的组织方式,它允许开发者将代码分成独立的模块,每个模块都可以单独加载和执行。原创 2024-01-25 14:25:34 · 1193 阅读 · 1 评论 -
JavaScript 中的闭包是什么?有哪些应用场景?
当一个函数被定义在另一个函数内部时,内部函数会创建一个闭包,这意味着内部函数可以访问外部函数的变量,即使外部函数已经执行完毕。JavaScript最初是为了在网页上添加简单的交互功能而创建的,但随着时间的推移,它已经发展成为一种功能强大且广泛使用的语言。闭包(Closure)是 JavaScript 中一个非常重要的概念,它允许函数访问并操作函数外部的变量。在使用闭包时,需要注意内存泄漏和性能问题,避免滥用闭包,合理使用闭包,以确保代码的效率和可维护性。函数返回了一个内部函数,该内部函数可以访问和修改。原创 2024-01-24 14:03:11 · 1198 阅读 · 2 评论 -
【温故而知新】JavaScript初始化/初始化加载
JavaScript最初是为了在网页上添加简单的交互功能而创建的,但随着时间的推移,它已经发展成为一种功能强大且广泛使用的语言。jQuery使得JavaScript开发变得更加简洁、灵活和高效,它提供了丰富的工具和API,可以帮助开发者更轻松地处理HTML页面的操作、事件和动画等。JavaScript是一种功能强大且灵活的编程语言,用于为网页添加交互和动态性,并且已经成为Web开发的基础之一。无论使用哪种方法,初始化加载的代码都应该放在页面加载完成后执行,以确保可以正确操作页面的元素和数据。原创 2024-01-24 13:48:46 · 1745 阅读 · 1 评论 -
制作一个简单的HTML个人网页
JavaScript最初是为了在网页上添加简单的交互功能而创建的,但随着时间的推移,它已经发展成为一种功能强大且广泛使用的语言。CSS与HTML结合使用,用于控制网页中的布局、颜色、字体、大小、边距等方面的样式。JavaScript是一种功能强大且灵活的编程语言,用于为网页添加交互和动态性,并且已经成为Web开发的基础之一。这只是HTML的一些基本概念,HTML有很多其他的标签和功能,可以根据需要进一步学习和掌握。这些只是CSS的一些基本概念,CSS还有更多的属性和功能,可以根据需要进一步学习和掌握。原创 2024-01-24 10:35:47 · 12429 阅读 · 0 评论 -
JavaScript入门分享
JavaScript是一种高级编程语言,用于在网页上实现交互和动态性。它是一种面向对象的语言,具有类似于C语言的语法和功能。JavaScript最初是为了在网页上添加简单的交互功能而创建的,但随着时间的推移,它已经发展成为一种功能强大且广泛使用的语言。它可以用于开发前端和后端应用程序,并且可以在不同的平台和设备上运行。语法简洁:JavaScript的语法类似于C语言,易于学习和理解。动态类型:JavaScript是一种动态类型语言,不需要明确声明变量的类型,变量的类型可以根据赋值自动推断。原创 2024-01-23 14:03:17 · 923 阅读 · 1 评论 -
通过JavaScript将html网页转换成pdf【完整代码】
jsPDF 是一个 JavaScript 库,用于在客户端生成 PDF 文件。它提供了许多功能和方法,使您能够通过 JavaScript 代码创建和定制 PDF 文档。原创 2024-01-23 10:14:46 · 2251 阅读 · 1 评论 -
【温故而知新】JavaScript作用域
JavaScript是一种广泛使用的编程语言,主要用于Web开发。它是一种脚本语言,这意味着它不需要像编译语言那样预先编译,而是在运行时解释和执行。JavaScript可以直接在浏览器中运行,这使得它在前端开发中特别重要,可以用于动态生成和更改网页内容、响应用户交互、发送和接收数据等。动态类型:变量可以在运行时更改其数据类型。面向对象:JavaScript是一种面向对象的编程语言,支持类和继承。异步编程:JavaScript支持异步编程,这使得它可以处理如用户交互和网络请求等异步事件。原创 2024-01-22 11:21:28 · 967 阅读 · 1 评论 -
介绍 TensorFlow 的基本概念和使用场景
首先,生成一个随机的训练数据集,其中 x_train 是输入特征,y_train 是对应的标签。这些是一些常见的 TensorFlow 问题和相关的案例代码,但 TensorFlow 提供了广泛的功能和API,可以应用于各种机器学习和深度学习任务。这只是一个简单的示例代码,实际中的 TensorFlow 应用场景非常丰富,可以根据具体任务的需求进行更加复杂和高级的模型构建和训练。TensorFlow 是一个功能强大的深度学习框架,它提供了丰富的功能和灵活性,但也存在一些学习曲线陡峭和复杂性的缺点。原创 2024-01-14 15:45:00 · 1383 阅读 · 0 评论 -
【温故而知新】JavaScript数字精度丢失问题
在JavaScript中,由于基于IEEE 754标准的浮点数表示方法,导致在进行数字运算时可能会发生精度丢失的情况。由于计算机内部使用二进制来表示浮点数,而无法准确地用有限的二进制位数表示所有的实数。因此,浮点数在存储和计算时会存在舍入误差。比如,当进行小数运算时可能会出现精度丢失的情况。例如,0.1 + 0.2 的结果在JavaScript中不是期望的0.3,而是一个近似值0.30000000000000004。这是因为0.1和0.2在二进制表示中无法被精确表示,导致在计算时发生了舍入误差。原创 2024-01-10 11:39:26 · 1282 阅读 · 0 评论 -
【温故而知新】JavaScript的继承方式有那些
JavaScript使用原型链来实现继承。每个JavaScript对象都有一个原型(prototype)属性,它指向另一个对象。当我们访问一个对象的属性时,如果该对象没有该属性,JavaScript会沿着原型链向上查找,直到找到该属性或者到达原型链的顶部(即Object.prototype)。原创 2024-01-10 10:28:29 · 985 阅读 · 0 评论 -
【温故而知新】JavaScript中内存泄露有那几种
在JavaScript中,内存泄漏是指应用程序在不再需要使用某块内存时仍然保持对其的引用,导致内存不能被垃圾回收机制释放,最终导致内存占用过高,性能下降。内存泄漏通常发生在以下情况:全局变量:全局变量会一直存在于内存中,即使在不需要时也无法被垃圾回收机制回收。未清理的定时器和回调函数:如果定时器或回调函数没有正确清理,它们将一直存在于内存中,即使它们已经完成或不再需要了。DOM引用:当从DOM中删除元素时,如果仍然保持对该元素的引用,它将会在内存中留下无法释放的引用。原创 2024-01-09 17:45:43 · 1154 阅读 · 0 评论 -
【温故而知新】JavaScript函数式编程
JavaScript函数式编程的详细概念包括以下几个方面:函数是一等公民(First-class Functions):JavaScript中的函数是一等公民,可以像其他数据类型一样进行传递、存储和操作。这意味着函数可以作为参数传递给其他函数,也可以作为返回值返回。不可变性(Immutability):函数式编程强调使用不可变的数据结构和值。不可变性意味着数据的值在创建后无法修改,而是通过创建新的数据副本来进行操作。这样可以避免共享状态和副作用,使代码更加可靠和可复用。原创 2024-01-09 17:24:27 · 1119 阅读 · 0 评论 -
【温故而知新】JavaScript的防抖与节流
JavaScript中的防抖(debounce)和节流(throttle)是用于控制函数执行频率的技术。无论是防抖还是节流,都可以通过传递一个延迟时间参数来控制函数的执行频率。在实际应用中,根据具体需求选择使用防抖还是节流技术。原创 2024-01-08 10:24:41 · 1143 阅读 · 0 评论 -
【温故而知新】JavaScript事件循环
JavaScript事件循环是一种机制,用于处理由于用户交互、异步操作或计时器等事件引起的回调函数。JavaScript是一种单线程语言,意味着只能执行一个任务。事件循环通过维护一个事件队列来处理事件回调函数。当一个事件被触发时,相关的回调函数被推入事件队列中,并在适当的时候被执行。事件循环由以下几个主要组件组成:事件队列(Event Queue):用于存储待处理的事件回调函数。事件队列是一个先进先出(FIFO)的数据结构。执行栈(Execution Stack):用于存储当前正在执行的代码。原创 2024-01-08 09:57:06 · 1011 阅读 · 0 评论 -
【温故而知新】JavaScript的数组常用方法
在JavaScript中,数组是一种数据结构,用于存储和操作有序的元素集合。这些元素可以是不同的数据类型,包括数字、字符串、布尔值、对象或函数等。数组字面量:let arr = [1, 2, 3, 4, 5];使用Array构造函数:let arr = new Array(1, 2, 3, 4, 5);使用Array.of()方法:let arr = Array.of(1, 2, 3, 4, 5);原创 2024-01-07 18:26:30 · 950 阅读 · 0 评论 -
【温故而知新】JavaScript的字符串常用方法
JavaScript 是一种编程语言,最初设计用于使网页具有交互性。它现在也被广泛用于服务器端开发,移动应用开发,游戏开发等。原创 2024-01-07 18:20:47 · 977 阅读 · 0 评论 -
【温故而知新】JavaScript的类型转换机制
JavaScript的类型转换机制是指在特定的运算或操作中,将一种数据类型转换为另一种数据类型的过程。JavaScript的类型转换机制分为两种:隐式类型转换和显式类型转换。隐式类型转换(Implicit Type Conversion):在某些情况下,JavaScript会自动将一种数据类型转换为另一种数据类型,而不需要显式地进行转换操作。显式类型转换(Explicit Type Conversion):通过使用特定的JavaScript内置函数或运算符,可以显式地将一种数据类型转换为另一种数据类型。原创 2024-01-07 15:51:54 · 1054 阅读 · 0 评论 -
【温故而知新】JavaScript的事件模型
JavaScript的事件模型是一种用于处理用户交互和其他事件的机制。事件模型基于事件驱动编程的概念,即在特定条件下触发相应的事件处理程序。通过使用事件模型,可以为用户交互和浏览器事件编写响应代码,增强网页的交互性和功能性。原创 2024-01-07 15:29:21 · 1021 阅读 · 0 评论 -
【温故而知新】JavaScript的Document对象
Document对象是JavaScript中代表整个HTML或XML文档的根节点。它是浏览器中内置的一个对象,可以通过document关键字来访问。Document对象提供了许多属性和方法,用于操作和访问文档中的元素、样式、事件等。通过Document对象,我们可以动态地修改和操作HTML或XML文档的内容、结构和样式,使得网页可以根据用户的交互行为进行动态更新和改变。原创 2024-01-05 10:28:29 · 1894 阅读 · 0 评论 -
【温故而知新】JavaScript的BOM之Screen/Location/History对象
BOM(Browser Object Model)是JavaScript中的一个重要对象模型,它提供了与浏览器窗口和导航等相关的属性和方法。原创 2024-01-05 09:22:56 · 1087 阅读 · 0 评论 -
【温故而知新】JavaScript的BOM之Navigator对象
BOM(Browser Object Model)是JavaScript中的一个重要对象模型,它提供了与浏览器窗口和导航等相关的属性和方法。BOM主要包括以下几个部分:Window 对象:代表浏览器窗口,是BOM的核心对象。它提供了许多属性和方法,用于控制浏览器窗口的行为和与浏览器交互。Location 对象:代表当前窗口的URL,提供了获取和修改URL的方法。History 对象:代表浏览器历史记录,提供了前进、后退和跳转的方法。原创 2024-01-04 17:19:19 · 635 阅读 · 0 评论 -
【温故而知新】JavaScript的BOM之Window对象
BOM(Browser Object Model)是JavaScript中的一个重要对象模型,它提供了与浏览器窗口和导航等相关的属性和方法。BOM主要包括以下几个部分:Window 对象:代表浏览器窗口,是BOM的核心对象。它提供了许多属性和方法,用于控制浏览器窗口的行为和与浏览器交互。Location 对象:代表当前窗口的URL,提供了获取和修改URL的方法。History 对象:代表浏览器历史记录,提供了前进、后退和跳转的方法。原创 2024-01-04 16:39:57 · 864 阅读 · 0 评论 -
【温故而知新】JavaScript的DOM操作
DOM(Document Object Model)是JavaScript中的一个重要概念,它是一种编程接口,使得开发人员可以使用HTML和XML文档。它将文档解析为一个由节点和对象组成的结构,允许开发人员添加、移除和修改页面的某一部分。DOM提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。在JavaScript中,DOM是用来获得和操作HTML文档的节点属性。JavaScript通常是通过DOM来获得和操作HTML属性的。原创 2024-01-03 09:24:09 · 544 阅读 · 0 评论 -
【温故而知新】JavaScript数据结构详解
常见的数据结构包括数组、链表、栈、队列、树等等。在计算机科学中,数据结构是一种特定的方式来组织和存储数据,以便于有效地访问和修改数据。在JavaScript中,数据结构是指相互之间存在一种或多种特定关系的数据元素的集合,是带有结构特性的数据元素的集合。对于复杂的数据处理任务,选择和使用合适的数据结构是至关重要的。这些数据结构在JavaScript中都有相应的实现,可以根据需求选择合适的数据结构来存储和操作数据。JavaScript是一种弱类型的编程语言,它提供了一些内置的数据结构来存储和组织数据。原创 2024-01-03 08:57:58 · 615 阅读 · 0 评论 -
【温故而知新】JavaScript数据类型
原始类型:字符串(String):用于表示文本数据,使用引号(单引号或双引号)括起来。数字(Number):用于表示数值,包括整数和浮点数。布尔值(Boolean):用于表示真或假。null:表示一个空值。undefined:表示一个未定义的值。Symbol:表示一个独一无二的值(ES6新加入的数据类型)。引用类型:对象(Object):用于表示复杂的数据结构,可以包含多个键值对。数组(Array):是对象的一种特殊形式,用于存储多个值。原创 2024-01-02 10:25:28 · 1084 阅读 · 0 评论 -
RESTful API,如何构建 web 应用程序
RESTful API是一种设计风格,用于构建分布式系统中的网络服务。它使用HTTP协议进行通信,并通过URL和HTTP方法来提供数据和操作。原创 2023-12-22 09:00:51 · 722 阅读 · 0 评论 -
jQuery实现轮播图代码
一个简单的jQuery轮播图代码,首先,定义了一个slideshow-container的div容器,其中包含了所有轮播图幻灯片。每个幻灯片都包含一个mySlides的类名,并且使用CSS将其隐藏。在showSlides()函数中,遍历所有幻灯片并将它们隐藏,然后显示当前索引的幻灯片。最后,我们使用setTimeout()函数来每隔2秒钟调用showSlides()函数,从而实现了轮播效果。它使事情变得更简单,使用jQuery能够以最小的努力在Web上构建复杂的交互性。原创 2023-12-20 17:27:12 · 1377 阅读 · 0 评论 -
vue实现文本上下循环滚动
页面上有两块公告,需要循环滚动,最初使用animation实现了,但如果两块公告的条数不一致的话,就会导致两块公告滚动的快慢不同,由此需要换种方式实现,使两块公告始终以同样的快慢节奏滚动。原创 2023-12-20 17:13:51 · 1556 阅读 · 0 评论 -
Vue运用之input本地上传文件,实现传参file:(binary)
功能场景是,实现列表的【批量导入】的效果,在Excel里维护好信息,本地上传好文件,再点击【确认】触动接口,将flie信息传值后端接口。原创 2023-12-13 17:13:00 · 1518 阅读 · 0 评论 -
uni-app详解、开发步骤、案例代码
开发者可以使用uni-app提供的调试工具进行实时调试和模拟测试,以确保应用程序在各个平台上的正常运行。同时,uni-app还支持一键生成调试包和发布包,方便开发者进行应用程序的真机测试和发布。uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。它允许开发者使用一套代码同时构建多个平台的应用程序,包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序等。原创 2023-12-06 18:15:26 · 1538 阅读 · 0 评论 -
微信小程序开发步骤及简单开发案例
【代码】微信小程序开发步骤及简单开发案例。原创 2023-12-06 18:09:38 · 772 阅读 · 0 评论 -
javascript面试题
表单验证:使用JavaScript可以在客户端对用户输入的数据进行初步验证,提高数据的安全性和可靠性。服务器端开发:Node.js是一个使用JavaScript开发的服务器端平台,可以用于开发后端服务。异步加载和AJAX:通过使用JavaScript,可以在不刷新页面的情况下加载数据和更新页面内容。解释一下什么是事件冒泡和捕获?在JavaScript中如何使用事件冒泡和捕获?解释一下什么是JavaScript?JavaScript中的原型链是如何工作的?在JavaScript中如何使用高阶函数?原创 2023-11-06 16:27:02 · 92 阅读 · 0 评论 -
文件拖放(将浏览器之外的文件拖到浏览器窗口中,并将它放在一个成为拖放区域的特殊区域中)
【代码】文件拖放(将浏览器之外的文件拖到浏览器窗口中,并将它放在一个成为拖放区域的特殊区域中)原创 2022-09-28 17:00:25 · 838 阅读 · 0 评论 -
js实现本地上传图片及预览
【代码】js实现本地上传图片及预览。原创 2022-08-23 15:06:24 · 3462 阅读 · 0 评论