- 博客(65)
- 收藏
- 关注
RSS订阅原创 蓝桥杯，利用 Vue.js 构建简易任务管理器
添加任务：用户可以在输入框中输入任务内容，并点击“确认”按钮将其添加到任务列表中。删除任务：用户可以点击任务旁边的“删除”按钮，将任务从列表中移除。清空任务：用户可以点击“清除”按钮，将所有任务一次性清空。显示任务总数：在任务列表下方显示当前任务的总数。vue的在线cdn通过这个简单的任务管理器项目，我们学习了 Vue.js 的基本用法，包括数据绑定、事件处理和条件渲染等功能。这个项目虽然简单，但功能实用，可以作为我们日常任务管理的小工具。
2025-03-24 21:39:37
924
原创 蓝桥杯，冬奥大抽奖
通过这个简单的抽奖转盘项目，我们学习了HTML、CSS和JavaScript的基本用法。HTML用于构建页面结构，CSS用于美化页面，而JavaScript则实现了交互逻辑。这个项目不仅适合前端开发初学者练习，还可以作为小型活动页面的抽奖功能模块。
2025-03-24 08:52:33
978
原创 Vue.js 购物车示例：从零开始构建
在前端开发中，购物车功能是电商网站的核心组件之一。通过 Vue.js，我们可以快速构建一个交互式的购物车系统。本文将通过一个简单的示例，展示如何使用 Vue.js 实现一个基本的购物车功能。
2025-03-11 19:07:39
528
原创 蓝桥杯，你能看出有多少位吗?
本文介绍了四种实现金额格式化的方法，包括正则表达式、递归、循环和循环与数组操作结合。开发者可以根据实际需求选择合适的方法。在实际应用中，我们还可以将金额格式化功能集成到输入框中，实现实时格式化，进一步提升用户体验。希望本文对您有所帮助！如果您有任何问题或建议，欢迎留言交流。
2025-03-04 11:55:50
1110
原创 JavaScript闭包：函数返回函数的魔法
闭包是JavaScript中一个非常重要的特性，它通过函数返回函数的方式，让函数能够记住并访问其创建时所在的作用域链中的变量。闭包不仅可以封装私有变量，实现数据的封装和隐藏，还可以创建独立的计数器、实现延迟任务和缓存功能等。在实际开发中，闭包的应用场景非常广泛，掌握闭包的使用方法，可以让你的代码更加灵活和强大。当然，在使用闭包时，我们也要注意避免内存泄漏等问题，合理地使用闭包，才能充分发挥其优势。希望这篇文章能帮助你更好地理解JavaScript闭包的原理和应用。
2025-02-25 12:34:30
1032
原创 实现一个简单的搜索高亮功能
通过简单的 HTML、CSS 和 JavaScript，我们实现了一个搜索高亮功能。这个功能不仅可以提升用户体验，还可以作为学习前端开发的一个很好的实践项目。你可以根据实际需求进一步扩展功能，例如支持动态内容更新或优化性能。希望这篇文章对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。获取 DOM 元素使用和获取搜索框、搜索按钮和内容区域。绑定点击事件为搜索按钮绑定点击事件，当用户点击按钮时触发搜索逻辑。清除高亮在每次搜索前，清除之前的所有高亮内容。通过将innerHTML替换为，移除所有<em>
2025-02-23 12:42:56
667
原创 JavaScript 字符串的常用方法与技巧
JavaScript 提供了丰富的字符串方法，能够满足我们日常开发中的各种需求。通过掌握这些方法，我们可以更高效地处理字符串，编写出更简洁、更强大的代码。希望本文的内容对你有所帮助，如果你还有其他问题，欢迎在评论区留言讨论！
2025-02-20 11:09:09
809
原创 JavaScript 随机数生成及其广泛应用
随机数的应用非常广泛，几乎涵盖了所有需要“随机性”的场景。无论是数据模拟、游戏开发、图形动画，还是安全加密，随机数都扮演着重要角色。掌握随机数的生成方法和应用场景，可以帮助你更好地解决实际问题，提升开发效率和用户体验。如果你对某个具体场景感兴趣，或者有其他问题，欢迎随时提问！
2025-02-19 16:02:05
541
原创 JavaScript 随机数生成全攻略
本文介绍了 JavaScript 中随机数生成的多种方法，包括：生成[0, 1)范围内的随机浮点数。生成指定范围的随机整数。生成指定范围的随机浮点数并控制小数位数。从数组中随机选择元素。生成随机颜色。生成指定数目和范围的随机数。这些方法在实际开发中非常实用，希望本文能帮助你更好地理解和使用 JavaScript 中的随机数生成功能。如果有任何问题，欢迎留言交流！
2025-02-19 12:25:28
1198
原创 CSS Grid 布局入门：创建一个简单的网格布局
CSS Grid 布局是一种基于网格的布局系统，它允许我们将页面划分为行和列，从而创建出复杂的布局结构。与传统的布局方式（如浮动布局或 Flexbox）相比，Grid 布局更适合处理二维布局（即同时处理行和列）。它不仅可以精确控制元素的位置，还能通过简单的代码实现复杂的布局效果。通过设置，我们将.container定义为一个块级网格容器。它会占据整个可用空间。通过设置，我们将定义为一个行内块级网格容器。它仅占据内容所需的宽度，不会像块级容器那样占据整个可用空间。用于定义网格的列宽。这里我们使用了。
2025-02-17 09:38:03
677
原创 蓝桥杯的“芝麻开门”动画效果
我们的目标是实现一个简单的动画效果：当用户点击按钮并输入正确的咒语“芝麻开门”时，两扇门会自动打开。这个项目涉及以下几个知识点：HTML：用于构建页面结构。CSS：用于设计页面样式和动画效果。JavaScript：用于处理用户输入和控制动画逻辑。通过这个项目，你不仅学会了如何使用HTML、CSS和JavaScript实现一个简单的动画效果，还掌握了如何处理用户输入和控制页面元素的交互。希望这个项目能帮助你更好地理解前端开发的基础知识！
2025-02-15 19:48:50
657
原创 深入理解 JavaScript Promise：从入门到实战
Promise 是 JavaScript 中处理异步操作的强大工具。它不仅解决了回调地狱的问题，还通过链式调用、和错误处理等功能，让异步编程变得更加简洁和高效。掌握 Promise 的使用，将帮助你在现代 JavaScript 开发中更加得心应手。希望本文的案例和解释对你有所帮助！如果你对 Promise 还有其他疑问，欢迎在评论区留言，我们一起探讨。
2025-02-15 15:13:18
705
原创 前端开发中让内容在盒子里面居中的方法
在前端开发中，有多种方法可以实现内容在盒子里面的居中，每种方法都有其适用场景和优缺点。方法适用场景优点缺点固定宽高的块级元素简单易用，兼容性好宽高必须固定单行文本简单，适用于单行文本仅适用于单行文本和多行文本或复杂内容支持多行文本，兼容性好需要嵌套结构，代码繁琐Flexbox现代布局代码简洁，布局灵活不支持旧版浏览器Grid二维布局代码简洁，布局灵活兼容性较差transform多种情况兼容性好需要使用position属性calc()固定宽高的元素兼容性好。
2025-02-11 13:08:36
922
原创 手把手教你制作响应式导航栏
通过以上代码，我们实现了一个简单的响应式导航栏。HTML负责结构，CSS负责样式，JavaScript负责交互。这个导航栏在不同设备上都能良好地显示和操作，适合初学者学习和使用。希望这篇文章能帮助你理解响应式导航栏的实现原理。
2025-02-10 18:55:48
585
原创 CSS Flexbox布局详解：align-self与justify-self属性应用
随着Web技术的发展，响应式设计和多设备适配变得越来越重要。CSS Flexbox布局因其灵活性和易用性，成为了前端开发者的首选布局方式之一。在Flexbox布局中，和属性允许开发者对单个项目进行精确的对齐控制，从而实现更加灵活和动态的布局效果。在深入和之前，我们先回顾一下Flexbox布局的基本概念：主轴（Main Axis）：Flexbox布局中项目排列的轴，可以是水平或垂直方向（从左往右）。交叉轴（Cross Axis）：垂直于主轴的轴（从上往下）。Flex容器：包含Flex项目的容器，通过设置或来定
2025-02-09 15:27:24
1492
原创 JavaScript数组操作：多种方法移除特定元素
创建新数组使用filter方法。使用reduce方法。使用Set和扩展运算符（适用于无重复值的数组）。使用map和filter组合。直接修改原数组使用splice方法。使用while和indexOf。使用for循环和delete（但会留下undefined希望这些方法能帮助你在实际开发中更高效地处理数组。如果你有其他方法或建议，欢迎在评论区留言讨论！
2025-02-03 23:29:56
1049
原创 数据结构c语言版上海交通大学出版社项目十《利用直接插人排序方法排序学生成绩表》
首先输入学生人数确定要建立的线性表的长度，录入每个学生的成绩信息，并计算出其总成绩;然后，以总成绩为关键字进行直接插入排序;最后，逆序显示排序后的成绩表。#include<stdlib.h> // 包含标准库头文件#include<stdio.h> // 包含标准输入输出头文件#define MAXSIZE 20 // 定义顺序表的最大容量为20// 定义学生结构体// 学号，字符串类型，最大长度为10// 姓名，字符串类型，最大长度为10// 三门课程的成绩，数组存储int total;
2025-01-28 23:13:17
450
原创 数据结构c语言版上海交通大学出版社项目九《利用哈希表查找员工信息》
define HASHSIZE 13 // 定义哈希表的大小为13// 定义员工结构体int ID;// 员工IDchar* name;// 员工姓名int salary;// 员工工资} Employee;// 定义哈希表数组通过上述代码，我们实现了一个简单的员工信息管理系统，展示了哈希表的基本操作，包括创建哈希表、插入数据、打印哈希表和搜索数据。哈希表的高效性使其在实际应用中非常有用，尤其是在需要快速查找的场景中。
2025-01-28 23:05:04
478
原创 数据结构c语言版上海交通大学出版社项目八《公共汽车的换乘问题》
这段代码通过定义一个图结构，实现了从一个起点城市到其他所有城市的最短路径和换乘次数的计算。代码逻辑清晰，易于理解。希望这些内容对你有所帮助！
2025-01-28 10:00:00
232
原创 数据结构c语言版上海交通大学出版社项目七《8 枚硬币的真假判定问题》
第一次称重：将8枚硬币分为两组，每组3枚，分别称重。判断第一次称重的结果如果两组重量不同，假币在较轻或较重的一组中。如果两组重量相同，假币在剩下的2枚硬币中。第二次称重：根据第一次称重的结果，选择2枚硬币，分别与已知真币称重。判断第二次称重的结果：确定假币及其重量。初始化变量：定义必要的变量和数组。初始化8枚硬币的重量：将8枚硬币的初始重量设置为5。随机生成假币：随机选择一枚硬币并设置其重量为4或6。输出8枚硬币的重量：输出每枚硬币的标识符和重量。调用函数找出假币：调用FalseCoin。
2025-01-27 14:29:22
696
原创 数据结构c语言版上海交通大学出版社项目六《构建哈夫曼编码》
③ 对n个结点进行 n-1次合并，将生成的 n-1个新结点依次存入向量 ht 的第t(n+1≤t≤2n-1)个分量中，每次合并的方法是:在哈夫曼树向量ht中的前t-1个结点中选取具有最小权值和次小权值的两个根结点，将这两个结点的下标分别存入1eft和right 中;构造哈夫曼编码的方法是:对于每个叶子结点，反复查找该结点的双亲结点，每进行一步都要判断该结点是双亲结点的左孩子(记为“0”)还是右孩子(记为“1”)，从而得到这一步的编码，直至双亲为根结点，编码结束。，并更新当前节点的权值为这两个节点权值之和。
2025-01-27 14:12:53
696
原创 数据结构c语言版上海交通大学出版社项目五《稀疏矩阵相加》
②) 若 pa->col>pb->col 或 pa=NULL，则在 A 的十字链表中插入一个新结点，且值为pb 所指结点的 value 值，同时 A的列链表中的指针也要作相应改变;③ 若 pa->col=pb->col且 pa->v+pb->v≠0，则将 B中当前结点的值与 A 中当前结点的值相加后送给 pa所指结点的 value 值;④ 若 pa->col=pb->col且 pa->v+pb->v=0，则在 A的十字链表中删除 pa 所指的结点同时 A的列链表中的指针也要作相应改变。
2025-01-26 17:33:42
852
原创 数据结构c语言版上海交通大学出版社项目四《稀疏矩阵的转置》
通过本文，我们学习了如何使用C语言实现稀疏矩阵的三元组表示、显示和转置操作。三元组表示法是一种高效的稀疏矩阵存储方式，能够节省大量空间。转置操作是稀疏矩阵处理中的常见操作，通过简单的算法即可实现。希望本文对大家有所帮助！
2025-01-26 17:16:35
704
原创 数据结构c语言版上海交通大学出版社项目三《迷宫求解》
int x, y;// 存储坐标 (x, y)// 指向下一个节点的指针} SNode;SNode *top;// 栈顶指针// 栈底指针（始终指向栈底）SNode：链表节点结构，用于存储迷宫路径中的坐标(x, y)。LinkStack：链式栈结构，包含栈顶指针top和栈底指针head。通过本次实现，我们成功利用链式栈解决了迷宫路径搜索问题，展示了链式栈在动态路径记录和回溯中的强大能力。深度优先搜索（DFS）作为一种经典的算法思想，不仅适用于迷宫问题，还可以应用于图的遍历、树的遍历等多种场景。
2025-01-24 11:51:47
307
原创 数据结构c语言版上海交通大学出版社项目二《约瑟夫环问题》
int data;// 节点存储的数据// 指向下一个节点的指针} Node;每个节点存储一个人的编号，next指针指向下一个节点，形成一个循环链表。通过C语言和链表的实现，我们成功解决了约瑟夫环问题。这个过程不仅展示了链表在解决实际问题中的强大能力，也加深了我们对链表操作的理解。约瑟夫环问题是一个经典的算法问题，它在计算机科学和数学领域都有广泛的应用。通过学习这个问题，我们可以更好地掌握链表的使用方法，提高解决复杂问题的能力。希望这篇文章能帮助你更好地理解约瑟夫环问题和链表的应用。
2025-01-24 11:38:20
277
原创 数据结构c语言版上海交通大学出版社项目一《学生成绩表的操作》
通过本项目，我们不仅实现了学生信息的录入、查询和排序功能，还加深了对C语言结构体、数组、循环和条件语句的理解。在实际开发中，可以进一步扩展功能，例如增加文件存储、修改学生信息等。希望本文能帮助初学者更好地理解和应用C语言。
2025-01-23 19:38:54
647
原创 Android开发：实现院系与专业下拉联动的完整示例
通过本文的示例，我们实现了一个简单的院系与专业下拉联动功能。这种联动效果在很多应用场景中都非常实用，例如表单填写、信息查询等。希望本文对你有所帮助！
2025-01-23 17:53:23
320
原创 Flutter生命周期与StatefulWidget的深入解析
Flutter 的生命周期主要围绕和State的生命周期方法展开。这些方法在组件的创建、更新和销毁过程中被调用，帮助开发者更好地管理组件状态和资源。构造函数（Constructor）：在组件实例化时调用。：用于创建组件的状态。：在组件初始化时调用，通常用于初始化状态。build()：用于构建组件的 UI。dispose()：在组件销毁时调用，用于清理资源。通过本文的示例，我们深入解析了 Flutter 中的生命周期方法及其调用顺序。
2025-01-23 17:48:24
378
原创 基于 MUI 的侧滑菜单实现：按钮绑定与 DOM 操作
通过 MUI 框架，我们可以快速实现一个功能完善的侧滑菜单。结合按钮绑定方法和 DOM 操作，我们可以灵活地实现各种交互功能。本文的示例代码简单明了，适合初学者学习和参考。如果你对侧滑菜单的实现有任何疑问，或者希望了解更多的 MUI 框架功能，欢迎在评论区留言。让我们一起探讨前端开发的乐趣！
2025-01-23 14:50:47
314
原创 深入理解 JavaScript 中的 this：不再困惑！
执行时this的值取决于函数的调用方式，而不是定义方式。理解这一点，是掌握this的关键。以下是this全局上下文：指向全局对象（window或undefined，取决于是否开启严格模式）。对象方法：指向调用方法的对象。构造函数：指向新创建的对象。箭头函数：继承定义时的上下文中的this。显式绑定：通过callapply和bind指定。事件处理函数：指向触发事件的 DOM 元素。希望这篇文章能帮助你更好地理解 JavaScript 中的this。如果你有任何疑问，欢迎在评论区留言，让我们一起探讨！
2025-01-23 14:11:41
365
原创 JavaScript 循环结构详解与实战应用
通过本文的介绍，我们详细学习了 JavaScript 中的for循环、while循环和do...while循环的使用方法，并结合了break和continue控制语句的实际应用。循环结构是编程中的基础，掌握它们可以帮助我们高效地处理重复任务和数据结构。希望本文对大家有所帮助，如果有任何疑问或建议，欢迎在评论区留言交流！
2025-01-22 17:13:03
439
原创 英语学习笔记：高效背单词的实用方法与心得
背单词并不是一件难事，只要掌握正确的方法和技巧，就能事半功倍。通过编故事记忆法、谐音背单词、词根词缀记忆法、通过发音背单词、分类背单词、相似单词一起背、零碎时间背单词和同义反义背单词等方法，我们可以大大提高背单词的效率。同时，要注意重复复习、制定计划和多读文章，这样才能更好地掌握单词。希望这些方法和心得能对大家有所帮助，祝大家在英语学习中取得更好的成绩！
2025-01-22 17:04:24
1010
原创 深入理解CSS布局：Padding、Margin和Border
padding属性用于设置元素内部的空间，即元素内容与边框之间的距离。它可以帮助我们调整元素内部的布局，使内容看起来更舒适。paddingmargin和border是CSS布局中不可或缺的属性。它们分别用于调整元素的内部空间、外部空间和边框样式。通过合理使用这些属性，可以实现灵活的布局和视觉效果。希望本文能帮助你更好地理解paddingmargin和border的作用和区别。如果你有任何疑问或需要进一步的解释，欢迎在评论区留言。
2025-01-21 22:10:57
1438
原创 深入理解CSS文档流：基础与应用
文档流是HTML元素默认的布局方式，它基于HTML代码的顺序和元素的类型（块级或行内）来排列元素。理解文档流是掌握CSS布局的基础，因为所有定位方式都是在文档流的基础上进行的。通过合理利用文档流，可以实现简洁、高效的页面布局。文档流是CSS布局的核心概念之一，它决定了元素在页面上的默认行为。通过理解文档流的特性，我们可以更好地掌握CSS定位和布局技巧。希望这篇文章能帮助你更好地理解文档流的概念和作用！如果你有任何疑问或需要进一步的解释，欢迎在评论区留言。
2025-01-21 21:46:10
545
原创 CSS Position（定位）与 z-index 属性详解CSS Position（定位）与 z-index 属性详解
positionCSS的position属性和z-index属性是实现复杂布局和交互效果的重要工具。通过掌握position的五个值（staticrelativefixedabsolutesticky），你可以精确控制元素的位置和行为。同时，z-index属性可以帮助你管理元素的堆叠顺序，实现更丰富的视觉效果。希望本文的介绍和示例代码能帮助你更好地理解和使用这些属性。如果你有任何问题或需要进一步的扩展知识，欢迎在评论区留言，我们一起探讨！
2025-01-21 21:42:28
387
原创 深入理解Flex布局：从基础到高级技巧
Flex布局是一种强大且灵活的CSS布局方式，适用于从简单到复杂的各种布局需求。通过掌握容器属性和项目属性，你可以轻松实现动态、响应式和自适应布局。本文从基础概念讲起，逐步深入到高级技巧，希望这些。
2025-01-21 21:29:50
523
原创 HTML属性全解析：从基础到高级应用
HTML属性是构建网页的基础，掌握它们可以帮助你更好地控制页面的显示和交互。本文从基础属性讲起，逐步深入到全局属性、扩展属性以及最佳实践。希望这些内容能帮助你在HTML开发中更加得心应手。如果你对HTML属性有更多问题，或者需要进一步的扩展知识，欢迎在评论区留言，我们一起探讨！
2025-01-21 21:24:10
236
原创 计算机专业英语词汇整理：英翻中与中翻英计算机专业英语词汇整理：英翻中与中翻英
掌握计算机专业英语词汇，不仅能提升我们的技术能力，还能拓宽国际视野，让我们在技术交流中更加自信。希望这份词汇整理能成为你的学习助手，帮助你在计算机领域走得更远。如果你对某个词汇有更深入的了解，或者有其他补充，欢迎在评论区留言，我们一起学习进步！
2025-01-21 21:16:53
1223
原创 深入理解 JavaScript 中的 call 和 apply
callcall和apply是强大的工具，用于动态改变函数的this指向。通过call和apply，你可以实现方法借用、简单的继承，以及动态绑定this。在选择使用call或apply时，可以根据参数传递的需求来决定。希望这篇文章能帮助你更好地理解call和apply的用法！如果有其他问题，欢迎继续提问。
2025-01-21 14:10:50
733
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人