- 博客(141)
- 收藏
- 关注
RSS订阅原创 使用 Git 进行仓库上传和备份的实践指南
本文将介绍如何使用 Git 进行仓库的上传和备份，帮助你更高效地管理代码和数据。远程仓库是存储在服务器上的 Git 仓库，它可以是 GitHub、GitLab 或其他 Git 服务提供商提供的仓库。在本地完成代码提交后，你可以将代码推送到远程仓库进行备份和共享。这会将当前目录下的所有文件添加到 Git 的暂存区。此命令会在项目文件夹中创建一个 .git 目录，这是 Git 用来跟踪版本和管理代码历史的地方。如果你需要在另一台设备上恢复项目，可以使用 git clone 命令将远程仓库克隆到本地。
2025-04-06 21:59:35
294
原创 JavaScript 中的异步编程：回调函数、Promise 和 async/await
随着 JavaScript 的发展，async/await 成为推荐的异步编程方式，因为它结合了 Promise 的优势，同时让异步代码更接近同步代码。async/await：是目前最简洁、最直观的异步编程方式，它将异步操作的代码写成同步的样式，易于理解和维护，错误处理也更加清晰。Promise：较回调函数更加简洁，能够避免回调地狱，支持链式调用和错误处理，但在多个异步操作时，代码可能仍然较为复杂。错误处理困难：在回调函数中处理错误较为复杂，尤其是嵌套的回调中，一旦出现错误，无法直观地捕获并处理。
2025-04-06 21:58:54
790
原创 前端 “屎山代码“ 避坑指南与重构策略
解决方案：使用语义化标签，如 <header>, <article>, <section> 等，替代不必要的 <div>，提升代码的清晰度和可维护性。让我们从今天开始，拒绝写新屎，逐步清理旧屎，培养代码洁癖，保持代码的高质量。解决方案：应遵循分离结构（HTML）、表现（CSS）和行为（JS）的原则，将样式和脚本分别提取到独立的 CSS 和 JS 文件中，保持代码的清晰和模块化。解决方案：遵循单一职责原则（SRP），将复杂的函数拆分成多个小函数，每个函数只负责一个任务，保持代码的简洁性和可读性。
2025-04-06 21:56:45
301
原创 常见的 JavaScript 框架和库
React适合组件化开发的动态界面，Vue.js适合快速上手的小型到中型应用，Angular适合大型企业级应用，Node.js则是服务器端开发的理想选择。本文将介绍四个常见的JavaScript框架和库：React、Vue.js、Angular 和 Node.js，并探讨它们的特点、使用场景及适用场合。Vue.js是一个渐进式的JavaScript框架，适用于构建从小型到中型的Web应用。Angular是由Google开发的一个全功能框架，适合构建大型、复杂的Web应用。希望这篇博客对你有所帮助！
2025-04-06 21:56:14
235
原创 这里有一个有趣的JS小功能 - “会躲避鼠标的粒子“：
这个效果结合了简单的物理模拟和色彩变化，可以作为一个有趣的背景效果，或者作为网页的互动元素。修改particleCount改变粒子数量。当鼠标靠近时，粒子会像有斥力一样避开。颜色使用HSL模式随机生成，更加鲜艳。修改hsl颜色参数获得不同的配色方案。调整force的系数改变排斥力度。粒子碰到窗口边缘会从另一边穿出。改变半径的随机范围调整粒子大小。生成100个随机颜色的小粒子。留有拖尾效果，形成动态轨迹。自动适应窗口大小变化。
2025-03-30 22:39:53
100
原创 鼠标牵引的流光线条
这个效果看起来像鼠标拖着一条会呼吸的霓虹灯带，适合作为网页的动态背景或光标特效。可以通过修改颜色算法（比如改用RGB）创造不同的视觉效果！颜色持续循环变化 (HSL色相轮换)鼠标移动时生成彩色流光轨迹。轨迹点之间用渐变色彩连接。轨迹会自动逐渐缩小消失。中的数值调整拖尾长度。
2025-03-30 22:38:50
186
原创 JavaScript实现页面全选功能详解
通过本文的实现方案，可以构建出健壮的全选功能系统。核心要点在于保持状态同步的准确性和处理动态内容的灵活性，开发者可根据具体业务需求进行功能扩展和优化。全选框与子选框的关联绑定。
2025-03-29 10:30:48
177
原创 如何通过JavaScript实现点击播放音频
在现代网页开发中，音频播放是常见的交互需求。本文将通过原生JavaScript演示如何通过点击事件实现音频的播放与暂停控制。接下来我将为大家讲解如何实现点击播放音频。
2025-03-29 09:05:13
139
原创 导出的使用
showAlerts(".correctModal", "5%", `成功导出 ${selectedData.length} 条数据`, "success");showAlerts(".ErrorModal", "5%", `导出失败: ${error.message}`, "error");showAlerts(".ErrorModal", "5%", `导出失败: ${error.message}`, "error");showAlerts(".ErrorModal", "5%", "金额异常");
2025-03-23 20:24:53
464
原创 JavaScript 事件处理：compositionstart 与 compositionend 事件以及动态搜索触发机制
和是输入法事件，通常在用户使用中文、日文等输入法时触发。与普通的keyup或input事件不同，这两个事件主要用于处理输入法的“组合”过程。输入法中的“组合”指的是通过一系列的键盘输入来生成一个字符的过程，这在某些语言中（如中文）是非常常见的。：当输入法开始组合一个字符时触发。：当输入法结束组合一个字符时触发。这些事件通常用来优化输入时的操作，比如避免在用户尚未完成输入时就触发搜索请求，进而提高用户体验。
2025-03-19 08:40:25
286
原创 前端剪贴板操作：从传统方法到现代方案
推荐优先使用Clipboard API，对旧浏览器做降级处理。实际开发中应根据具体需求选择实现方案，并始终关注控制台警告信息。
2025-03-18 22:09:35
326
原创 JavaScript日期区间计算：精准解析年月日差异
在食品管理系统、药品有效期追踪等场景中，我们经常需要计算两个日期之间的精确时间差。本文将通过一个JavaScript日期计算函数，详细解析如何实现精准的年/月/日差异计算，并探讨实际开发中的常见问题和解决方案。
2025-03-18 21:39:42
366
原创 【无标题】
在本文中，我们将编写一个JavaScript函数，该函数将获取当前的日期并将其格式化为特定的格式。这个JavaScript代码首先等待页面加载完成，然后获取id为"date"的元素，并调用getCurrentDate()函数获取当前日期。最后，我们将当前日期显示在页面上。摘要：在本文中，我们将通过编写一个简单的JavaScript函数来实现一个动态日期的功能，这个函数可以获取当前的日期并将其格式化为特定的格式。要使用这个函数，我们只需要在HTML页面中调用它，并将返回的日期显示在页面上。
2025-03-16 09:00:00
223
原创 【无标题】
此外，上面的CSS样式中.tooltip的display属性是通过:hover伪类来切换的，但这种方式实际上并不能实现我们想要的效果，因为我们需要更精细地控制提示框的位置和显示内容。例如，在这个功能中，我们需要确保悬浮提示框的位置和样式都能够适应不同的页面和设备，以确保用户能够方便地使用这个功能。通过简单的几行代码，我们就能实现丰富的动态效果和交互功能，极大地提升了用户体验。总之，JavaScript是一门非常有趣和实用的编程语言，我相信在未来的学习和工作中，我还能够发掘出更多有趣和实用的JS功能。
2025-03-15 07:30:00
286
原创 JavaScript中表格文件导出功能详解
一、背景在现代web开发中，提供数据导出功能已成为许多应用程序的必备功能。用户可能希望将数据保存为文件以便于离线查看或分享。在众多的数据展示形式中，表格因其直观性而广受欢迎。本文将专注于如何使用JavaScript将HTML表格导出为文件。二、实现原理JavaScript中的Blob对象和a标签的download属性是实现这一功能的关键。Blob对象用于处理原始数据，而download属性则允许我们指定下载的文件名。三、代码示例与注释。
2025-03-14 10:11:40
657
原创 使用JavaScript实现一个在线画板
随着Web技术的发展，网页上的交互性变得越来越重要。一个在线画板是一个很好的例子，它允许用户在网页上自由创作。在这篇博客中，我们将使用HTML5的Canvas元素和JavaScript来实现一个简单的在线画板。最后，为了让画板支持多种颜色和线条粗细，我们可以添加一些额外的功能：选择颜色和线条粗细，以及清除画板。接下来，我们来编写JavaScript代码来实现画板的功能。我们将使用JavaScript来处理用户的交互。首先，我们需要构建HTML结构来容纳画板的内容。
2025-03-14 09:39:19
392
原创 面向对象编程的三大特征是什么
运行时多态性则主要通过方法覆盖（Override）和接口实现来实现，即子类可以覆盖父类的方法，并且可以通过父类的引用来调用子类覆盖后的方法。多态性增强了程序的灵活性和可扩展性，使得程序更加动态和易于维护。子类可以拥有父类的所有属性和方法（除非它们被声明为private），同时子类还可以添加新的属性和方法或覆盖（Override）继承来的方法。它指的是将对象的属性和方法（或称为行为）结合在一起，形成一个独立的单元，并尽可能隐藏对象的内部细节（即将数据隐藏起来），只对外公开接口（即对象的方法）。
2025-03-08 19:50:55
109
原创 Java体系按照应用范围分为哪三个体系？
它是在Java SE的基础上扩展而来的，增加了许多用于企业级开发的组件和服务，如EJB（企业Java组件模型）、JMS（Java消息服务）、JNDI（Java命名和目录接口）等。综上所述，Java体系按照应用范围主要分为Java SE、Java EE和Java ME三个体系，分别对应于桌面程序开发、企业级网络程序开发和嵌入式系统开发等不同的应用领域。Java EE，也被称为Java企业版，主要用于开发企业级分布式的网络程序，如电子商务网站、ERP（企业资源规划）系统等。
2025-03-08 19:50:07
96
原创 对dom驱动和数据驱动的理解
DOM驱动适用于简单的交互和小型项目，因为它提供了对DOM的直接和精确控制。然而，随着项目复杂度的增加，数据驱动的方法通常更容易维护和扩展，因为它将数据和视图分离，并通过框架优化DOM更新过程。DOM驱动和数据驱动是前端开发中两种不同的构建和更新用户界面的方式，它们各自具有不同的特点和适用场景。冗余：由于需要手动操作DOM，当界面元素较多或交互复杂时，容易产生大量的DOM操作代码，造成代码冗余。可维护性：组件化和数据驱动的方式通常更易于维护，因为数据和视图的分离使得代码结构更加清晰。
2025-03-08 19:49:04
207
原创 简述vuex中的常用属性及作用
使用方式：在Vuex的store中定义modules，然后在组件中通过this.$store.moduleName.state/getters/mutations/actions来访问模块的状态或方法。作用：用于从state中派生出一些状态，类似于Vue组件中的计算属性。使用方式：在Vuex的store中定义state，然后在组件中通过this.$store.state.xxx来访问这些状态。作用：用于存储和管理应用的状态（即数据），类似于Vue组件中的data属性，但它是全局的，所有组件都可以访问。
2025-03-08 19:48:13
174
原创 Mysql的基础命令有哪些？
连接到远程主机上的MySQL（假设远程主机的IP为192.168.206.100，用户名为root，密码为12345678）: mysql -h192.168.206.100 -uroot -p12345678。命令: INSERT INTO 表名 (列1, 列2, ...) VALUES (值1, 值2, ...);以上命令是MySQL的基础命令，涵盖了从连接到数据库、操作数据库和表，到插入、查询数据的常用操作。命令: CREATE TABLE 表名 (列定义1, 列定义2, ...);
2025-03-02 23:57:20
401
原创 JS实现复制功能
在JavaScript中，复制功能的具体实现取决于你想要复制的内容类型。但最常见的是复制文本到剪贴板，或者使用cloneNode方法复制DOM元素。复制文本到剪贴板你可以使用navigator.clipboard.writeText方法（注意这个方法可能需要在安全上下文（如HTTPS）和用户的交互（如点击事件）中才能工作）。在这个例子中，当用户点击ID为copyButton的元素时，文本将被复制到。
2025-03-02 23:56:31
267
原创 了解foreach循环
foreach 是一个在许多编程语言中用于遍历数组、列表、集合或其他可迭代对象中的元素的循环结构。尽管不同的编程语言可能有些许不同的语法和使用方式，但基本概念是相似的。以下是关于 foreach 的深入了解：1. 基本概念遍历：foreach 循环允许你遍历（即逐个访问）集合中的每一个元素。迭代：迭代是重复执行某个操作的过程，而 foreach 就是实现这种迭代的一种结构。2. 语法（以几种常见的编程语言为例）PHPJavaScript。
2025-03-02 23:54:57
210
原创 ES和JS有什么关系
"ES" 通常指的是 ECMAScript，它是 JavaScript 的规范。换句话说，JavaScript 是一种实现了 ECMAScript 标准的脚本语言，大多数现代浏览器都支持它。这些特性都是 ECMAScript 标准的一部分，因此你可以在任何支持这些标准的 JavaScript 环境中使用它们。实际上，你可以认为 ECMAScript 是 JavaScript 的“核心”或“基础”，而 JavaScript 则在此基础上添加了一些额外的功能和特性。
2025-03-02 23:52:54
148
原创 可以在哪里使用CSS呢
一些图形和动画工具（如Adobe XD、Figma、Animate CC等）允许你使用类似CSS的语法来定义元素的样式和动画。即使你的HTML是在服务器端渲染的，你也可以使用CSS来控制样式。在HTML文档的<head>部分，你可以使用<style>标签来包含CSS规则。CSS（层叠样式表）可以在多个地方和上下文中使用，以控制网页和其他用户界面元素的样式和布局。虽然这些格式对CSS的支持有限，但你仍然可以使用一些基本的CSS样式来增强电子邮件和PDF的外观。<p>这是一个红色的段落。
2025-02-15 10:00:00
409
原创 如何在CSS中设置px值
* 设置元素边框宽度为1像素，样式为实线，颜色为黑色 *//* 设置元素的内边距为10像素，上下左右都相同 *//* 设置元素的下内边距为10像素 *//* 设置元素的右内边距为15像素 *//* 设置元素的外边距为20像素，上下左右都相同 *//* 设置元素的下外边距为20像素 *//* 设置元素的右外边距为25像素 *//* 设置元素的上内边距为20像素 *//* 设置元素的左外边距为10像素 *//* 设置元素的左内边距为5像素 *//* 设置元素的上外边距为30像素 */
2025-02-14 07:00:00
227
原创 wxss和css有什么区别？
综上所述，WXSS和CSS在尺寸单位、样式定义和应用、选择器支持、组件和属性支持以及样式继承等方面存在明显的区别。CSS则没有直接的全局和局部样式之分，但可以通过将样式定义在HTML文档的header部分或专门的CSS文件中，并在HTML页面中引用，来实现样式的统一管理和应用。WXSS针对微信小程序的组件进行了样式支持的优化，一些样式属性在小程序中有特殊的表现，如flex布局在微信小程序中得到了更好的支持。CSS支持样式的继承，子元素可以继承父元素的样式，这有助于减少重复的代码并提高样式的可维护性。
2025-02-13 20:01:11
218
原创 首先是HTML页面＜input id=“identity“ type=“text“ class=“form-control“ name=“identity“ placeholder=“请输入身份证
input id="sex" type="text" class="form-control" name="sex" placeholder="输入身份证号自动填充"><input id="age" type="text" class="form-control" name="age" placeholder="输入身份证号自动填充">'女' : '男';// 将解析得到的信息自动填充到相应的输入框中。// 清空相关输入框的值。// 监听身份证号输入框的变化事件。这是js具体实现步骤。
2025-02-13 20:00:07
337
原创 ES6 中函数参数的默认值
ES6 的函数参数默认值简化了代码，使得函数更加灵活和易用。它允许开发者为函数参数设置默认值，避免了在函数内部编写冗长的检查代码。同时，默认值的引入使得代码更加简洁、易懂，并且能够与其他特性（如解构赋值）结合使用，提升了编程效率。
2025-02-09 17:55:48
597
原创 ES6中的模板字符串
模板字符串在 JavaScript 中提供了极大的便利，使得字符串操作变得更加简洁和直观，尤其是在涉及变量插值、多行文本和复杂表达式时。简洁的字符串拼接：使用${}可以方便地插入变量或表达式。多行字符串：不需要使用转义字符即可方便地创建多行文本。标签模板：提供了一种灵活的方式来处理字符串，可以进行定制化的处理。模板字符串不仅提升了代码的可读性，也使得 JavaScript 编程更加灵活高效。
2025-02-09 17:47:23
573
原创 讲解ES6中的变量和对象的解构赋值
数组解构赋值使得从数组中提取值变得简洁，可以跳过元素并使用展开符...来获取剩余元素。对象解构赋值可以直接从对象中提取属性，支持重命名变量、设置默认值以及解构嵌套对象。解构赋值提供了对函数参数、复杂数据结构等多种场景的支持，使得代码更加简洁且易于维护。解构赋值是一个强大的特性，可以帮助我们写出更简洁、可读性更高的代码。
2025-02-09 17:43:43
863
原创 ES6都有什么
ES6引入了许多新的语言特性，极大地提高了JavaScript的开发体验和效率。你可以通过这些新特性让代码更加简洁、清晰，同时避免一些旧版本的JavaScript中常见的问题。
2025-01-19 19:00:00
171
原创 ES6 与 ECMAScript 2015 的关系
但是，因为这个版本引入的语法功能太多，而且制定过程当中，还有很多组织和个人不断提交新功能。准委员会提交新语法的提案，然后标准委员会每个月开一次会，评估这些提案是否可以接受，需要哪些。如果经过多次会议以后，一个提案足够成熟了，就可以正式进入标准了。事情很快就变得清楚了，不可能在一个版本里面包括所有将要引入的功能。月份，草案就自然变成了新一年的版本。则是正式名称，特指该年发布的正式版本的语言标准。要以前的版本号了，只要用年份标记就可以了。既是一个历史名词，也是一个泛指，含义是。）这个词，也是经常可以看到的。
2025-01-18 13:36:13
213
原创 ES6是什么
月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激烈，，而将其他激进的设想扩大范围，放入以后的版本，由于会议的气氛，该。这个版本最后没有通过，但是它的大部分内容被。开发的主流标准，并在此后五年中一直保持这个位置。的开发，将其中涉及现有功能改善的一小部分，发布。本保持兼容，较大的语法修正和新功能加入，将由。语言的基本语法，以后的版本完全继承。年发布的，接下来的两年，连续发布了。广泛支持，成为通行标准，奠定了。做了彻底升级，导致标准委员会的。的大幅升级，主张小幅改动；个月的讨论期，听取各方反馈。
2025-01-18 13:35:42
439
原创 什么是symbol?
7. 文字特效（Text effects）：可以通过设置文字的阴影、描边、文字渲染和文字轮廓等属性，实现文字的特殊效果。10. 媒体查询（Media Queries）：可以根据不同设备的屏幕尺寸和媒体类型，为不同设备提供不同的CSS样式。2. 过渡（Transition）：可以通过定义开始状态和结束状态之间的过渡效果，实现元素的平滑动画效果。这些是CSS3的一些新增特性，通过使用这些特性，可以实现更丰富和多样化的网页设计效果。4. 边框圆角（Border-radius）：可以给元素的边框添加圆角效果。
2025-01-04 08:30:00
167
原创 番外篇-CSS3新增特性
7. 文字特效（Text effects）：可以通过设置文字的阴影、描边、文字渲染和文字轮廓等属性，实现文字的特殊效果。10. 媒体查询（Media Queries）：可以根据不同设备的屏幕尺寸和媒体类型，为不同设备提供不同的CSS样式。2. 过渡（Transition）：可以通过定义开始状态和结束状态之间的过渡效果，实现元素的平滑动画效果。这些是CSS3的一些新增特性，通过使用这些特性，可以实现更丰富和多样化的网页设计效果。4. 边框圆角（Border-radius）：可以给元素的边框添加圆角效果。
2025-01-03 12:27:16
592
原创 jQuery理论
添加、移除、切换或检查元素的类名：`$("element").addClass("class") / $("element").removeClass("class") / $("element").toggleClass("class") / $("element").hasClass("class")`例如，`$("p").each(function() { console.log($(this).text()) })`会遍历所有的`<p>`元素，并打印出它们的文本内容。
2025-01-03 12:26:37
400
原创 为何要进行代码注释和规范命名
我们知道一个项目的代码有很多，如果我们一直去写代码，最后的功能是实现了，但是时间久了，我们后面在写其他项目的时候发现之前的项目写过，你在回头看的时候你就会发现，你连你自己写的代码都看不懂，这时候就体现到了代码注释的重要性，还有一个就是写代码注释的时候不要去很官方的去进行注释，而是要注释这一步做了什么，他实现了什么。这样在以后反过来看自己写的代码的时候会直接知道这段代码是做什么的，他跟哪段代码相对应。我们来看一段代码的注释。我们先来说一下为什么要是进行代码注释。
2025-01-03 12:25:25
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人