- 博客(176)
- 收藏
- 关注
RSS订阅
原创 通过Electron打包前端项目为exe
从electron官网上拉取代码，把官网上拉取下来项目中的index.html替换成 自己vue项目打包好的dist文件中的index.html，输入打包exe的命令即可
2024-03-08 11:06:42
1861
6
转载 Mxgraph的使用
mxGraph 是一个 JavaScript 图表库，可以快速创建交互式图形和图表应用程序，这些应用程序可以在其供应商支持的任何主要浏览器中运行。mxGraph 提供图形绘制、图形可视化、图形交互、图形布局、图形分析等能力， 适用于工作流程图、BPMN 图、网络图、UML 图、循环图、组织结构图、MindMap 图、机架图、甘特图、信息图、平面图等绘制。
2024-02-01 14:20:46
933
原创 手把手带你开发Cesium三维场景【3D智慧城市警情预警】
Cesium是一个功能强大的三维地图引擎,使用它可以快速实现各种三维可视化应用。使用面向对象方式进行代码封装,可以很好地模块化复杂的三维场景。利用Cesium提供的各种对象和效果实现丰富的场景和动画。状态管理可以确保场景动画的顺序展现。Cesium中提供了许多辅助类和工具,可以大幅简化三维开发。
2023-12-28 14:47:12
4693
34
原创 探索贝塞尔曲线：计算机图形学中的关键技术
贝塞尔曲线是计算机图形学和设计领域中的重要工具。它们由皮埃尔·贝塞尔在19世纪初提出，并在20世纪被引入计算机图形学中，用于创建平滑的曲线和复杂的形状。无论是矢量图形设计、动画制作，还是计算机字体设计，贝塞尔曲线都有广泛的应用。本文将深入探讨贝塞尔曲线的定义、种类、数学原理及其在计算机图形学中的应用。贝塞尔曲线是一种参数曲线，通常用于二维或三维空间中的计算机图形学。它们由控制点定义，通过这些控制点，可以精确地控制曲线的形状。贝塞尔曲线最常见的类型是二次贝塞尔曲线和三次贝塞尔曲线。
2024-07-26 13:55:32
695
原创 卡尔曼滤波（Kalman Filtering）详细解读
卡尔曼滤波（Kalman Filtering）是一种用于估计动态系统状态的递推算法，被广泛应用于控制系统、信号处理、经济学、导航和机器人学等领域。它是由瑞典数学家鲁道夫·卡尔曼（Rudolf E. Kalman）于1960年提出的，因其在多种应用中的卓越表现，被誉为20世纪最重要的发明之一。本文将从卡尔曼滤波的基本原理、数学推导、应用实例以及代码实现等方面进行详细解读，帮助读者深入理解这一强大的工具。卡尔曼滤波是一种强大的估计工具，广泛应用于各个领域。
2024-06-06 16:51:57
1238
1
原创 antV X6的简要使用教程
在我们的日常开发工作中，我们经常需要构建复杂的交互式图表。这是一项挑战，因为我们需要处理大量的数据，同时还要保证图表的可读性和用户体验。幸运的是，有一些强大的工具可以帮助我们完成这项任务，antv x6就是其中之一。在这篇博客中，我将向你介绍如何使用antv x6构建交互式图表，并提供一些代码示例。antv x6还允许我们创建自定义的节点。
2024-05-09 08:50:28
1734
1
原创 JavaScript 文件操作指南
本文旨在帮助您理解 JavaScript 中的文件操作，涵盖文件读取、写入、创建、删除等基本操作，以及更高级的异步操作、流式处理和错误处理等主题。File对象继承自Blob。除了Blob方法和属性外，File对象还有name和属性，以及从文件系统读取的内部功能。我们通常从用户输入如或拖放事件来获取File对象。FileReader字符串（readAsTextdata url，base-64 编码（但是，在很多情况下，我们不必读取文件内容。
2024-02-23 14:14:25
2550
1
原创 JavaScript 的Blob 对象详解
引言浩瀚的互联网海洋中，数据的传输与存储扮演着至关重要的角色。如何高效、便捷地处理二进制数据，是前端开发人员面临的永恒挑战。问题在传统的 JavaScript 中，处理二进制数据是一项繁琐且容易出错的工作。我们需要使用各种各样的 API 和工具，才能将二进制数据转换为文本、图像、音频等格式。解决方案Blob 对象的出现，为我们带来了新的希望。它提供了一种简单、统一的方式来处理二进制数据，极大地简化了开发人员的工作。本文目标本文旨在深入剖析 Blob 对象，为你揭开它的神秘面纱。
2024-02-22 09:52:22
2505
1
原创 文本解码器（TextDecoder）详解
随着互联网技术的飞速发展，文本数据的传输和处理变得越来越普遍。在不同的计算机系统之间传输文本数据时，需要将文本编码为字节数组，以便在不同的字符编码环境下正确显示。文本解码器（TextDecoder）是 JavaScript 中一个重要的 API，用于将字节数组解码为字符串。它支持多种字符编码，并且易于使用。本文将深入探讨文本解码器的使用方法、参数、选项和示例。此外，还将讨论文本解码器的历史、演变、性能、安全注意事项和常见问题解答。
2024-02-21 08:11:43
2489
1
原创 JavaScript 的ArrayBuffer 和二进制数组
和二进制数组是 JavaScript 中用于处理二进制数据的强大工具。它们可以用于存储各种类型的数据，例如图像、音频和视频数据。
2024-02-14 08:30:00
3523
1
原创 JavaScript 的点击劫持（Clickjacking）
点击劫持是一种恶意攻击，攻击者会在用户不知情的情况下诱使用户点击他们想要点击的元素。通常情况下，攻击者会将一个透明的 iframe 覆盖在合法的网页上，并将其放置在用户可能点击的位置。当用户点击该位置时，他们实际上是在点击 iframe 中的恶意链接。窃取用户的个人信息：攻击者可以利用点击劫持来窃取用户的登录凭据、信用卡信息和其他敏感信息。感染用户的设备：攻击者可以利用点击劫持来诱使用户下载恶意软件或访问恶意网站，从而感染用户的设备。造成经济损失。
2024-02-14 08:15:00
2086
原创 JavaScript 事件循环：Event Loop
事件循环是 web 开发中的一个核心概念，它是 JavaScript 代码执行的基础。传统的 JavaScript 方法无法满足所有场景的需求，例如无法处理异步操作、无法实现动画和交互等。事件循环是浏览器提供的一个机制，用于解决 JavaScript 代码执行问题。它可以处理事件、任务和异步操作，并实现动画和交互。理解事件循环的工作原理和应用场景，对于开发人员来说至关重要。掌握事件循环的工作原理了解如何使用事件循环处理事件和任务学习如何使用事件循环实现动画和交互掌握事件循环的应用场景。
2024-02-13 15:00:00
1683
原创 JavaScript 选择范围：SelectionRange
文本选择是 web 开发中的一个常见需求，例如高亮选定文本、复制粘贴文本、实现文本编辑器等。传统的 JavaScript 方法无法满足所有场景的需求，例如无法获取选定文本的范围、无法操作选定内容等。是浏览器提供的一个 API，用于解决文本选择问题。它可以获取或设置选中的文本、操作选定内容以及扩展或缩小选定范围。理解 SelectionRange的工作原理和应用场景，对于开发人员来说至关重要。掌握 SelectionRange 的工作原理了解如何使用 SelectionRange 获取选定文本的范围。
2024-02-13 09:00:00
1808
原创 JavaScript DOM 变动观察器（Mutation observer）
DOM 变动观察是 web 开发中的一个重要概念，指的是监视 DOM 元素的变化。传统的 DOM 事件可以用于响应某些特定的 DOM 变动，例如点击、鼠标移入移出等。然而，这些事件无法满足所有场景的需求，例如无法监视 DOM 元素的添加、删除、修改等操作。是浏览器提供的一个 API，用于解决 DOM 变动观察问题。它可以监视 DOM 树的任何部分，包括子元素、属性和文本内容，并在发生变化时触发回调函数。理解 MutationObserver的工作原理和应用场景，对于开发人员来说至关重要。
2024-02-12 15:00:00
1660
1
原创 JavaScript资源加载：onload，onerror
资源加载是 web 开发中的一个重要概念，指的是浏览器加载资源（例如图像、脚本、样式表等）的过程。在这个过程中，会发生一系列事件，其中onload和onerror两个事件是重要的里程碑。onload 事件发生在资源加载成功之后。此时，资源可以使用了。onerror 事件发生在资源加载失败之后。此时，可以显示错误信息或采取其他措施。理解 onload 和 onerror 事件的区别和应用场景，对于开发人员来说至关重要。掌握 onload 和 onerror 事件的触发时机。
2024-02-12 09:00:00
893
原创 JavaScript脚本：async，defer
JavaScript 脚本是 web 开发中的重要组成部分，用于为网页添加交互性和动态效果。然而，脚本的加载和执行可能会影响网页的性能和用户体验。async 和 defer是两个用于控制 JavaScript 脚本加载和执行的属性。它们可以帮助开发者优化网页性能，并提升用户体验。理解 async 和 defer 属性的区别和应用场景，对于开发人员来说至关重要。掌握 async 和 defer 属性的含义和工作原理了解如何使用这两个属性来优化网页性能学习如何根据不同的场景选择合适的属性。
2024-02-11 15:00:00
1758
1
原创 JavaScript的聚焦：focus/blur
focus和blur事件是用于检测元素是否获得或失去焦点的重要事件。它们可以用于各种目的，例如验证表单输入、控制元素的可见性等等。希望本文对你有所帮助！阅读 HTML 和 JavaScript 文档，以了解更多关于focus和blur事件的信息。练习使用focus和blur事件来实现不同的功能。在实际项目中使用focus和blur事件。祝你学习愉快！。
2024-02-11 09:00:00
2041
原创 JavaScript表单元素
表单作为页面的重要交互组件,JavaScript 提供了丰富的表单元素操作方法。学习使用它们,可以让我们实现自定义表单验证、动态改变选择项等实用功能。本文将详细介绍读取和修改输入框、下拉选择框、单选多选框等表单组件的值。相信学完后,大家将能轻松获取、设置表单元素,并处理相关事件。现在就让我们开始学习之旅吧!JavaScript 为访问和操作表单元素提供了强大支持。我们可以用几行代码实现自定义表单校验、动态选项加载等功能。本文介绍了表单主要元素的读取、写入及事件监听方法。
2024-02-10 14:15:00
754
1
原创 JavaScript滚动事件
滚动是网页交互不可或缺的一部分。监听页面和元素的滚动事件,可以帮助我们实现许多实用的功能。本文将详细介绍页面与元素的滚动事件,如何跟踪滚动距离,以及判断滚动到底部的方法。通过学习,相信大家可以轻松处理各种滚动需求,丰富页面交互体验。滚动事件为我们提供了实时访问滚动状态的能力。合理使用可以避免过度重复渲染,优化性能。本文不仅介绍了滚动事件的监听方法,还展示了防抖处理和监听内容变化的技巧。希望通过这个博客,大家已可以轻松应对各种滚动事件处理需求。如果还有疑问,欢迎评论区讨论。。
2024-02-10 09:00:00
1892
原创 JavaScript指针事件
随着移动设备的普及,触屏交互正在快速增长。指针事件提供了支持触控和鼠标的统一接口,学习它对我们开发跨设备网页非常重要。本文将详细介绍指针事件的种类、属性方法,以及如何区分不同指针等知识。希望通过这个博客,大家可以自由使用指针事件来开发跨平台应用程序。现在就让我们开始学习之旅!指针事件大大简化了不同指针输入的事件处理。它提供了强大的属性和方法,如指针类型识别、指针跟踪及捕获等。本文详细介绍了指针事件的特性及用法。
2024-02-09 15:00:00
1178
1
原创 JavaScript鼠标移动事件
鼠标移动是用户界面中非常重要的交互行为。学习区分不同的鼠标移动事件,可以帮助我们更准确地处理鼠标活动,创建出色的用户体验。本文将详细介绍 mousemove、mouseover/out 以及 mouseenter/leave 事件之间的区别,并通过示例说明在何种场景下使用每个事件。准备好学习后,你将能够自由控制各种鼠标事件。理解不同鼠标事件的触发规则,可以防止事件混淆,也让我们可以选择最符合需求的事件。
2024-02-09 09:00:00
1188
原创 JavaScript 跨窗口通信（Cross-Window Communication）
在现代 Web 开发中，跨窗口通信是一种常见需求。它允许在不同的窗口或框架之间传递数据和消息，从而实现各种功能。本章将介绍如何在 JavaScript 中实现跨窗口通信。跨窗口通信的常见场景跨窗口通信的不同方法每种方法的优缺点如何选择合适的跨窗口通信方法跨窗口通信是 Web 开发中常见需求，有多种方法可以实现。每种方法都有其优缺点，选择哪种方法取决于具体的应用场景。如果需要在父子窗口之间通信，可以使用。如果需要在任意窗口或框架之间通信，可以使用。如果需要共享数据，可以使用或。
2024-02-08 15:15:00
1273
1
原创 JavaScript 弹窗（Popup Windows）
在互联网时代，弹窗是一种常见的交互方式。它可以用于显示重要信息、广告、登录表单等。可以吸引用户注意可以提供重要信息可以提高用户参与度可能会影响用户体验可能会被用户屏蔽本章将介绍如何使用 JavaScript 打开弹窗。如何使用方法打开弹窗如何设置弹窗特性如何阻止弹窗本章介绍了如何使用 JavaScript 打开弹窗。我们学习了方法的用法，以及如何设置弹窗特性。我们还学习了如何阻止弹窗。尝试使用方法打开一个新窗口，并将其定位在屏幕的中心。尝试使用。
2024-02-08 08:07:41
1615
原创 JavaScript页面生命周期：DOMContentLoaded，load，beforeunload，unload
页面加载是 web 开发中的一个重要概念，指的是浏览器加载网页的过程。在这个过程中，会发生一系列事件，其中和onload两个事件是重要的里程碑。DOMContentLoaded 事件发生在 HTML 文档解析完成并构建了 DOM 树之后。此时，页面中的所有元素都已加载，但外部资源（例如图片、样式表、脚本等）可能尚未加载完成。onload 事件发生在整个页面加载完成，包括所有外部资源之后。此时，页面可以完全呈现给用户。理解 DOMContentLoaded 和 onload 事件。
2024-02-07 13:34:11
1390
原创 JavaScript表单：事件和方法提交
表单提交是 web 开发中常见的功能，用于将用户输入的数据发送到服务器。本文介绍了表单提交的流程、两种方式、使用form元素和 JavaScript 提交表单、阻止表单提交以及获取表单数据等主题，并提供了一些代码示例。希望本文对你有所帮助！阅读 HTML 和 JavaScript 文档，以了解更多关于表单提交的信息。练习使用不同的方式提交表单。在实际项目中使用表单提交功能。祝你学习愉快！。
2024-02-07 08:43:17
1031
原创 JavaScript监听change和input事件
在网页开发中,我们常需要对表单进行验证或增加额外交互逻辑。实现这些功能的关键就是能实时捕获表单元素的值变化。本文我们将具体讨论监听表单变化的两种事件:change和input事件,以及这两者的区别和应用场景。change事件是在值改变且失去焦点后触发input事件是在值每次改变时立即触发根据需要选择合适的事件,input用于实时响应,change用于在终端变化时执行这样我们就可以根据具体场景选择合适的change或input事件来响应表单元素值的变化。
2024-02-06 15:10:24
1799
1
原创 JavaScript的表单、控件
表单是 web 开发中不可或缺的一部分，用于收集用户输入。本文将深入探讨 HTML 表单元素，涵盖常见元素、属性、事件和验证等主题，并提供大量代码示例，帮助你构建更强大的表单。表单元素是 HTML 中非常重要的元素，可以用于收集用户输入。本文介绍了常见的表单元素、表单元素属性、表单事件和表单验证。表单元素是 web 开发的基础，掌握它们对于创建各种类型的表单至关重要。本文提供的知识和示例可以帮助你快速上手，并提升表单开发技能。希望本文对你有所帮助！
2024-02-06 08:14:42
1088
1
原创 JavaScript键盘事件
键盘事件可以帮助我们响应用户的按键输入,是实现网页交互的重要方式之一。本文将详细介绍键盘事件的种类、属性和在JavaScript中的使用方式。相信学习后,大家不仅可以处理各种键盘活动,还可以创造键盘热键、键盘游戏等丰富的交互体验。让我们开始学习之旅吧!键盘提供了极为重要的用户输入方式。学习使用键盘事件可以让我们更好地控制交互逻辑,优化用户体验。本文详细介绍了键盘事件的种类和属性,并通过示例展示了跟踪键盘组合和处理自动重复事件的方法。希望这篇博客能够全面提高大家对键盘事件的理解与应用。
2024-02-04 13:58:52
587
1
原创 JavaScript鼠标拖放(Drag and Drop)
拖放是现代界面不可或缺的交互方式之一。本文将介绍如何用JavaScript来实现元素的拖放功能。我们首先需要准备拖放事件,之后跟踪拖动过程中鼠标位置,计算元素的新坐标。我们也可以实现拖放目标,在元素ENTER和LEAVE 时做出响应。最后,可以在放置时传递数据。掌握拖放接口不仅可以优化交互,也可以大展创意,制作游戏等应用。让我们开始学习拖放之旅吧!拖放是一项强大的功能,可以优化交互,增强用户体验。本文详细介绍了拖放在 JavaScript 中的实现,涵盖初始化、跟踪拖放过程、访问数据等完整功能。
2024-02-04 09:03:03
1687
原创 JavaScript鼠标事件入门
鼠标事件是Web开发中最为重要的交互方式之一。本文将带领大家入门常用的鼠标事件,包括点击、移动、悬停等,并通过具体示例介绍如何在JavaScript中使用它们。掌握鼠标事件可以让我们制作更优质的交互界面,为用户提供更流畅的体验。相信通过本文的学习,大家一定可以熟练使用各种鼠标事件来丰富网页交互。现在就让我们开始鼠标事件之旅吧!鼠标作为一种重要的输入方式,其事件为我们提供了丰富的交互可能性。本文详细介绍了点击、移动、悬停等常用鼠标事件及其在JavaScript中的用法。
2024-02-03 15:00:00
407
1
原创 JavaScript阻止浏览器默认行为
浏览器对一些事件具有默认行为,例如点击链接时跳转页面,提交表单时发送请求等。在某些场景下,我们需要阻止这些默认行为的发生并实现自定义逻辑。本文将介绍如何通过JavaScript来阻止默认行为。理解默认行为及如何阻止对我们开发交互式网页非常重要。通过阅读本文,你将能使用preventDefault方法取消浏览器的默认行为,从而完全控制事件 What happens. 现在就让我们开始学习吧!preventDefault是自定义事件处理的重要方法。
2024-02-03 09:00:00
1219
原创 JavaScript事件冒泡和捕获
事件传播是JavaScript中非常重要的一个概念,它描述了从嵌套元素到祖先元素的事件传播顺序。本文将详细介绍事件传播的两种主要模式:冒泡传播和捕获传播。理解事件传播对编写事件处理函数非常重要,它可以帮助我们控制事件触发的顺序,实现事件代理等技巧。通过本文,你将深入了解事件在DOM中的传播规则,并能够根据实际需求选择合适的事件传播方式。事件冒泡和捕获描述了DOM事件触发时的传播方向。掌握它们可以更好地控制事件处理逻辑。本文通过多个代码示例介绍了冒泡和捕获的概念、区别以及应用场景。
2024-02-01 17:30:00
1022
原创 JavaScript的dispatchEvent 手动触发事件
在Web开发中,我们会定义各种事件处理程序,等待浏览器对元素的默认行为触发响应。但是有时我们也需要主动触发事件,这就需要用到dispatchEvent方法。dispatchEvent允许我们以编程方式“触发”事件,调用事件处理程序,模拟DOM的默认行为。掌握它可以在某些场景下帮助我们减少代码重复,实现更优雅的解决方案。本文将详细介绍dispatchEvent的使用方式,包括创建自定义事件对象,初始化事件,以及触发事件的具体示例。读完本文后,你将能熟练使用dispatchEvent来触发代码中的事件。
2024-02-01 13:11:18
1260
原创 JavaScript事件代理(Event Delegation)
举个例子,如果要处理表格中的所有行的点击事件,你可以为每一行添加事件处理器,也可以只为表格添加一个处理器,然后判断事件目标是哪一行。后者的做法就是事件代理。在处理程序中，我们获取以查看事件实际发生的位置并进行处理。让我们看一个示例 —— 反映中国古代哲学的八卦图。。
2024-01-31 13:38:08
797
2
原创 内存泄漏的原因及排查方法
随着网页应用的逐渐复杂化,内存管理也变得越来越重要。内存泄漏不仅会导致网页变卡,加载速度减慢,还可能导致浏览器完全崩溃。因此,及时发现和定位内存泄漏,对保证网页性能至关重要。本文将详细介绍内存泄漏的原因、排查方法以及预防技巧。首先,我们来了解什么是内存泄漏,以及在 JavaScript 开发中常见的几种内存泄漏情况。然后,本文将提供浏览器工具的使用技巧,帮助大家定位内存泄漏。最后,我们将学习内存管理的最佳实践,在编码时尽量避免内存泄漏的发生。
2024-01-31 09:04:06
1370
原创 DOM中的属性和属性
DOM元素中有属性和属性两种类型的数据。属性 - 是与元素相关的数据。属性 - 是与在HTML中定义的属性相对应的DOM对象。属性是DOM对象的属性,直接反映状态。属性是HTML属性,通过setAttribute/getAttribute访问。要注意它们之间的区别,在需要时可以互相转化。特性（attribute）—— 写在 HTML 中的内容。属性（property）—— DOM 对象中的内容。属性特性类型任何值，标准的属性具有规范中描述的类型字符串名字。
2024-01-30 13:23:48
1049
1
原创 JavaScript中的浏览器事件简介
在我们的日常生活中，JavaScript已经成为了一种无处不在的编程语言。它的应用范围从简单的网页动画，到复杂的前端框架，再到后端的Node.js，甚至还包括物联网设备。然而，JavaScript并非一成不变，它一直在发展，一直在添加新的特性和功能。今天，我们将探讨JavaScript中的一个重要的概念：浏览器事件。在这篇文章中，我们将详细介绍浏览器事件，包括它的定义、使用方法，以及如何在不支持浏览器事件的浏览器中进行polyfill。。
2024-01-30 09:00:00
1259
原创 JavaScript中的坐标
在我们的日常生活中，JavaScript已经成为了一种无处不在的编程语言。它的应用范围从简单的网页动画，到复杂的前端框架，再到后端的Node.js，甚至还包括物联网设备。然而，JavaScript并非一成不变，它一直在发展，一直在添加新的特性和功能。今天，我们将探讨JavaScript中的一个重要的概念：坐标。在这篇文章中，我们将详细介绍坐标，包括它的定义、使用方法，以及如何在不支持坐标的浏览器中进行polyfill。。
2024-01-29 15:00:00
1276
1
原创 JavaScript中的样式和类
在我们的日常生活中，JavaScript已经成为了一种无处不在的编程语言。它的应用范围从简单的网页动画，到复杂的前端框架，再到后端的Node.js，甚至还包括物联网设备。然而，JavaScript并非一成不变，它一直在发展，一直在添加新的特性和功能。今天，我们将探讨JavaScript中的一个重要的概念：样式和类。在这篇文章中，我们将详细介绍样式和类，包括它的定义、使用方法，以及如何在不支持样式和类的浏览器中进行polyfill。。
2024-01-29 09:00:00
1734
余味餐厅微信小程序.zip
2024-01-15
足球圈（包含node后端）.zip
2024-01-15
早厨微信小程序早厨微信小程序
2024-01-15
案例分享重塑经典，如何在 HarmonyOS 手机上还原贪吃蛇游戏
2023-12-21
音乐播放器带后端.rar
2023-12-13
这是一款旅游攻略小程序
2023-12-13
云商城（带php后端）
2023-12-13
这是一款在线点餐小程序
2023-12-13
这是一款旅游小程序，这是一款旅游小程序这是一款旅游小程序
2023-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人