- 博客(113)
- 收藏
- 关注
RSS订阅原创 【Vue3 ✨】Vue3 入门之旅 · 第四篇：组件的创建与传递数据
本文介绍了 Vue3 组件的基础知识，包括两种创建方式（Options API 和 Composition API），重点讲解了使用 script setup 定义组件的方法。详细说明了如何通过 props 实现父组件向子组件传递数据，以及使用 emit 实现子组件向父组件发送事件。此外，还介绍了默认插槽和具名插槽的用法，展示如何在组件中插入自定义内容。这些基础概念是构建 Vue3 应用的关键，后续将深入探讨生命周期管理等进阶内容。
2025-09-20 13:45:28
256
原创 【Vue3 ✨】Vue3 入门之旅 · 第三篇：模板语法与数据绑定
本文介绍了Vue3的核心模板语法和数据绑定功能。主要内容包括：插值绑定({{}})、v-model双向绑定、常用指令(v-bind、v-if、v-for、v-on)、事件修饰符(.stop/.prevent)、计算属性(computed)和监听器(watch)的使用方法。这些特性使开发者能够高效地实现DOM动态更新和响应式数据管理，为构建Vue3应用提供了基础支持。文章还预告了后续将介绍Vue3组件相关内容。
2025-09-20 13:44:54
555
原创 【Python✨】Python入门篇：Python 保留字速查表
在 Python 里，保留字（Reserved Words / Keywords） 是语言已经定义好的特殊单词，用来表示语法结构或控制流程。以下是 Python当前版本的所有保留字（keyword），它们不能用作变量名或函数名。
2025-09-20 13:44:16
29
原创 【Python✨】Python入门篇：Python 变量命名速查表
字母、数字、下划线不能以数字开头不能与关键字重名ifforwhileclass等）区分大小写age≠Age。
2025-09-20 13:43:54
22
原创 【Python✨】Python入门篇：快速画多边形与圆
在 Python 的turtle库中，circle()函数不仅能画圆，还能画正多边形。参数steps就是控制"多边形边数"的关键。
2025-09-20 13:43:21
87
原创 【MySQL 】MySQL 入门之旅 · 第十篇：子查询与嵌套查询
本文介绍了MySQL中的子查询与嵌套查询，包括其基本概念、语法和常见类型。子查询可嵌套在SELECT、FROM或WHERE子句中，分为单行、多行和多列子查询，用于实现复杂的数据查询需求。文章提供了多个实际示例，如查找年龄大于平均值的用户、按城市分组统计等，并对比了不同场景下的使用方式。同时指出子查询可能存在的性能问题，建议在复杂查询中考虑使用JOIN替代。最后预告了下一篇将讲解MySQL表连接的基础知识。
2025-09-19 23:01:22
111
原创 【MySQL ✨】MySQL 入门之旅 · 第九篇：聚合函数与分组查询
本文介绍了MySQL中常用的聚合函数（COUNT、SUM、AVG、MAX、MIN）和分组查询（GROUP BY）的使用方法。聚合函数用于对数据进行统计分析并返回单一结果，而GROUP BY则可将数据按指定列分组计算。文章还讲解了HAVING子句对分组结果进行过滤的用法，并提供了常见聚合操作的示例对照表。这些功能是数据统计分析和报表生成的基础工具，掌握后能有效提升数据处理能力。
2025-09-19 16:58:32
186
原创 【MySQL ✨】MySQL 入门之旅 · 第八篇：MySQL 索引基础与优化
本文介绍了MySQL索引的核心知识，包括索引基础概念、类型（主键/唯一/普通/全文/组合索引）、创建方法及优化建议。通过示例说明了索引如何提升查询效率，同时指出索引可能带来的存储开销和写入性能影响。文章提供了索引使用对照表，强调合理选择索引列、避免过度索引、正确使用复合索引等优化策略，并分析了索引失效的常见场景及解决方案，帮助开发者在数据库查询性能与存储效率间取得平衡。
2025-09-19 16:43:58
649
原创 【MySQL ✨】MySQL 入门之旅 · 第七篇：MySQL 更新与删除数据（UPDATE / DELETE 语句）
本文介绍了MySQL中UPDATE和DELETE语句的基础用法及注意事项。UPDATE用于修改数据，可通过SET子句更新单字段或多字段，务必使用WHERE条件避免全表更新。DELETE用于删除记录，同样需谨慎使用WHERE条件。关键注意事项包括：必须使用WHERE子句、建议事务处理和数据备份。文章还提供了常见操作示例对照表，并预告下篇将讲解MySQL索引优化。掌握这两个语句能有效管理数据库数据。
2025-09-19 16:10:25
264
原创 【MySQL ✨】MySQL 入门之旅 · 第六篇：MySQL 查询数据基础（SELECT 语句入门）
查询所有列使用SELECT * FROM table_name，查询指定列则列出具体字段名如SELECT name, age FROM users。通过WHERE子句实现条件过滤，支持比较运算符（=、>、BETWEEN等）和逻辑运算符（AND、OR、NOT）。LIMIT关键字控制返回行数，例如LIMIT 5返回前5条数据，结合OFFSET可分页查询。常见场景包括模糊匹配（LIKE）、空值判断（IS NULL）和多值筛选（IN）。
2025-09-19 13:09:48
253
原创 【MySQL ✨】MySQL 入门之旅 · 第一篇：MySQL 简介与应用场景
MySQL是全球最流行的开源关系型数据库之一，由Oracle公司维护，具有高性能、易用性和跨平台特性。它采用SQL标准，以表结构存储数据，支持多种操作系统，广泛应用于网站、企业系统、互联网应用等领域。MySQL的优势包括开源免费、性能优异、社区活跃、工具生态丰富和灵活扩展。常见应用场景涵盖网站开发（如WordPress）、企业管理系统、高并发互联网平台、大数据分析及移动应用后台等。作为数据库领域的佼佼者，MySQL凭借其强大功能和广泛适用性成为开发者的首选。
2025-09-19 09:00:00
288
原创 【MySQL ✨】MySQL 入门之旅 · 第二篇：MySQL 安装与配置
本文详细介绍了MySQL在Windows、macOS和Linux三大平台下的安装与基础配置方法。Windows用户可通过MSI安装包快速部署，macOS提供DMG安装包和Homebrew两种方式，Linux则根据不同发行版使用apt或yum命令安装。文章还包含安装验证、root密码设置、字符集配置等关键步骤，并指导用户创建测试数据库。通过本指南，读者能够快速搭建MySQL学习环境，为后续数据库操作打下基础。
2025-09-19 09:00:00
1090
原创 【MySQL ✨】MySQL 入门之旅 · 第三篇：MySQL 基本命令行操作
本文介绍了MySQL命令行操作的基本步骤，包括数据库连接与基础管理。主要内容包括：通过mysql -u root -p命令连接数据库；使用SHOW DATABASES、CREATE DATABASE等命令管理数据库；通过CREATE TABLE、ALTER TABLE等操作数据表；并提供常用SQL命令对照表。这些基础操作为后续学习数据增删改查打下基础，下篇将讲解MySQL数据类型的使用。
2025-09-19 09:00:00
339
原创 【MySQL✨】MySQL 入门之旅 · 第四篇：MySQL 数据类型详解
本文详细介绍了MySQL常用的数据类型，包括整数（TINYINT、INT等）、浮点数（FLOAT、DOUBLE）、字符串（CHAR、VARCHAR、TEXT）和日期时间（DATE、TIMESTAMP）等，并提供了各类数据类型的字节数、范围及适用场景说明。文章强调合理选择数据类型对数据库性能和数据存储效率的重要性，并附上详细的对照表方便查阅。此外，还针对不同场景给出了选择建议，如财务计算推荐使用DECIMAL、时间记录推荐TIMESTAMP等。最后预告将讲解INSERT语句的使用。
2025-09-19 09:00:00
964
原创 【MySQL ✨】MySQL 入门之旅 · 第五篇：MySQL 插入数据
本文介绍了MySQL中INSERT语句的基础用法，包括单条/多条数据插入、默认值与NULL的处理方式。详细讲解了INSERT语法结构，并通过示例展示不同场景下的应用，如自动增长字段、部分字段插入等。同时总结了数据类型匹配、字段顺序等注意事项，并提供了常用操作对照表。作为数据库操作的基础，掌握INSERT语句能为后续数据查询、更新等操作奠定基础。文章最后预告将介绍SELECT查询语句的使用方法。
2025-09-19 09:00:00
266
原创 【Vue3 ✨】Vue3 入门之旅 · 第二篇：安装与配置开发环境
本文介绍了Vue3开发环境的安装配置方法，对比了Vue CLI和Vite两种构建工具的特点。主要内容包括：1) 安装Node.js环境；2) 使用Vue CLI创建项目（安装CLI、创建项目、启动服务）；3) 使用Vite创建项目（快速初始化、启动服务）；4) 解析项目目录结构；5) 对比两种工具适用场景（Vue CLI适合中大型项目，Vite适合快速开发）。文章帮助开发者快速搭建Vue3开发环境，为后续学习奠定基础。
2025-09-16 23:21:01
640
原创 【Vue3 ✨】Vue3 入门之旅 · 第一篇：Vue3 简介与新特性概览
Vue3 是 Vue.js 的重大版本更新，它带来了许多性能上的提升和新特性。Vue3 采用了全新的底层架构，主要依赖Proxy来实现响应式，比 Vue2 中基于的实现方式更加高效和灵活。Vue3 还引入了许多新的 API 和开发模式，使得开发者在开发大型应用时可以更加高效。
2025-09-16 22:56:01
670
原创 【WebSocket✨】入门之旅（五）：WebSocket 的安全性
WebSocket 是一种高效的实时通信协议，但由于其持久连接的特性，WebSocket 在安全方面面临一些挑战。中间人攻击（MITM）跨站脚本攻击（XSS）跨站请求伪造（CSRF）数据篡改为了确保 WebSocket 连接的安全，我们必须采取相应的措施来预防这些安全问题。
2025-09-14 19:00:00
925
原创 【WebSocket✨】入门之旅（六）：WebSocket 与其他实时通信技术的对比
本文对比了WebSocket与HTTP长轮询、Server-Sent Events（SSE）和MQTT四种实时通信技术。WebSocket支持双向全双工通信，适合高频交互场景；HTTP长轮询适用于低频更新；SSE是单向通信，适合服务器推送；MQTT采用发布/订阅模式，专为物联网设计。选择时需考虑数据交互频率、可靠性需求等，如高频双向通信选WebSocket，物联网场景选MQTT，单向推送选SSE。
2025-09-14 19:00:00
523
原创 【WebSocket✨】入门之旅（七）：WebSocket 的未来发展趋势
摘要： WebSocket协议作为实时通信的核心技术，未来将围绕多路复用、拥塞控制等方向优化性能，并与HTTP/3（QUIC）深度融合以降低延迟。结合5G、AI等新兴技术，WebSocket将拓展至AR/VR、自动驾驶、物联网等新兴领域，提升实时交互能力。尽管面临连接稳定性、带宽消耗等挑战，其在高并发、低延迟场景中的潜力仍不可忽视，将持续推动实时通信技术的革新。（149字）
2025-09-14 19:00:00
1020
原创 【WebSocket✨】入门之旅（四）：WebSocket 的性能优化
本文介绍了优化WebSocket性能的多种方法，主要包括：1）使用连接池管理和复用WebSocket连接，配合负载均衡提升可扩展性；2）采用Gzip/Brotli压缩消息减少带宽消耗，并限制消息大小避免性能瓶颈；3）通过心跳机制保持连接活跃，设置超时处理清理闲置连接；4）服务器端优化包括非阻塞I/O和分布式架构，客户端优化如指数退避重连策略。这些技巧能有效提升WebSocket在高并发场景下的连接稳定性、降低延迟并提高吞吐量，适用于大规模实时应用。
2025-09-14 14:39:20
784
原创 【WebSocket✨】入门之旅（三）：WebSocket 的实战应用
本文通过构建实时聊天应用，演示了WebSocket技术的实战应用。首先使用Node.js和ws库搭建WebSocket服务器（8080端口），实现消息广播功能；然后创建基于原生JavaScript的WebSocket客户端，建立双向通信。文章包含完整代码示例，并针对常见连接问题提供解决方案。这一案例展示了WebSocket在实时通信中的关键优势：低延迟、双向性和高效性，适用于聊天、游戏等实时场景。最后预告了后续将探讨WebSocket性能优化内容。
2025-09-13 16:44:55
722
原创 【WebSocket✨】入门之旅（一）：初识 WebSocket
摘要： 本文介绍了WebSocket的核心概念及其优势。相比传统HTTP协议，WebSocket通过持久化全双工连接实现低延迟双向通信，适用于实时聊天、股票推送、在线游戏等场景。文章对比了WebSocket与HTTP的区别，并通过代码示例演示了其基本用法，包括建立连接、收发消息及事件监听。WebSocket解决了HTTP的高延迟、频繁请求等问题，成为实时应用开发的理想选择。后续将深入探讨WebSocket的握手与消息传输机制。
2025-09-13 09:00:00
787
原创 【WebSocket✨】入门之旅（二）：WebSocket 的工作原理
本文详细解析WebSocket的实时双向通信机制：首先通过HTTP协议升级握手建立持久连接，利用消息帧结构传输文本/二进制数据；通过心跳机制维护长连接稳定性；并针对常见问题提供排查方法。WebSocket相比传统HTTP轮询具有单连接多次通信、资源节省等优势，适用于聊天、游戏等实时应用场景。
2025-09-12 22:26:49
314
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（九）：Vue2 性能优化
本文深入探讨了Vue2性能优化的关键方法和技巧。主要内容包括：响应式系统优化（避免深层对象频繁变化、使用非响应式数据存储大数据）；虚拟DOM与渲染优化（使用key提升diff效率、v-once静态渲染）；组件懒加载（路由按需加载）；事件与计算属性优化（减少事件绑定、利用计算属性缓存）；keep-alive缓存优化（缓存组件状态）。通过这些优化策略，可以有效提升Vue应用的性能和用户体验。文章还预告了后续将从源码层面解析Vue的运行机制。
2025-09-12 20:10:38
444
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（七）：Vue Router 原理解析
本文深入解析了 Vue Router 的核心原理与功能。首先介绍了 Vue Router 的基本概念和核心功能（路由配置、匹配和导航）。随后详细对比了 hash 模式和 history 模式的特点及适用场景。文章还剖析了路由匹配机制，包括静态和动态路由的实现方式，并重点讲解了导航守卫的三种类型（全局守卫、路由独享守卫和组件内守卫）及其应用。最后介绍了如何为路由切换添加过渡动画效果，提升用户体验。全文系统性地梳理了 Vue Router 的核心知识点，为理解和应用 Vue 路由管理提供了完整指导。
2025-09-12 19:56:42
769
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（八）：Vuex 内部机制
本文深入解析Vuex状态管理机制，介绍Vuex的核心概念：State（状态存储）、Getters（派生状态）、Mutations（同步修改）、Actions（异步操作）和Modules（模块化管理）。通过单向数据流设计，Vuex实现了集中式状态管理，确保数据流动清晰可预测。文章还详细说明了Vuex的工作原理，包括状态访问、修改流程及模块化方案，适用于多组件共享状态和大型应用开发。最后强调Vuex在简化状态管理和提升应用可维护性方面的重要作用。
2025-09-12 19:38:06
648
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（六）：keep-alive 与缓存机制
本文介绍了Vue中的keep-alive组件，它通过缓存组件实例提升性能。主要内容包括：keep-alive的基本使用方式及工作原理，其应用场景如路由切换和列表项缓存，以及其采用的LRU缓存策略（可通过max、include、exclude属性进行配置）。最后总结指出keep-alive能有效保留组件状态，避免重复渲染，提升用户体验。
2025-09-12 14:29:33
862
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（五）：组件通信的多种方式
本文系统介绍了Vue中5种组件通信方式：1.父子组件通过props/$emit传递数据；2.兄弟组件通过父组件中转通信；3.跨级组件使用provide/inject；4.任意组件间通过EventBus事件总线；5.复杂应用采用Vuex状态管理。文章详细说明了每种方式的实现方法、适用场景及优缺点，建议根据项目规模选择合适方案，小型项目可用简单方式，大型复杂应用推荐Vuex。下篇将探讨keep-alive缓存机制优化组件性能。
2025-09-12 11:22:22
526
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（四）：异步更新与 nextTick 原理
本文深入解析Vue的异步更新机制和nextTick原理。Vue通过异步更新队列批量处理DOM更新，减少性能开销。nextTick则在DOM更新后执行回调，确保获取最新DOM状态。实现上，Vue利用微任务(Promise/MutationObserver)在当前任务结束后立即执行更新，优化性能表现。理解微任务与宏任务的差异对掌握Vue异步机制至关重要。
2025-09-12 11:13:56
370
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（三）：模板编译原理
本文解析了 Vue2 的模板编译原理，详细介绍了从模板到渲染函数的完整流程。主要内容包括：1）模板解析阶段，将模板转换为抽象语法树（AST）；2）代码生成阶段，将AST转换为JavaScript渲染函数；3）渲染函数执行生成虚拟DOM，并通过Diff算法更新真实DOM。文章还通过示例展示了模板编译的层级转换过程，并指出模板编译是Vue高效渲染的关键步骤，最终将模板转换为可执行的JavaScript代码实现视图更新。
2025-09-12 11:09:55
432
原创 【ECharts ✨】ECharts 自适应图表布局：适配不同屏幕尺寸，提升用户体验！
摘要：本文详细介绍了如何在ECharts中实现图表自适应布局，涵盖基本概念、resize()方法使用、Vue/React框架中的实现方案，以及高级配置技巧。文章提供了具体代码示例，解决常见问题如元素错位、显示不全等，帮助开发者确保图表在不同设备和屏幕尺寸下自动调整，优化用户体验。核心方法包括绑定窗口resize事件、动态调整容器尺寸和字体大小，并强调了在框架中使用时的内存管理注意事项。
2025-09-11 20:04:01
1583
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（二）：虚拟 DOM 与 Diff 算法
Vue2通过虚拟DOM和Diff算法优化视图更新。虚拟DOM是用JS对象表示的轻量级DOM副本，数据变化时先在内存中比较差异，再最小化更新真实DOM。Vue2的Diff算法采用同层比较策略，通过key标识节点提高复用效率，时间复杂度为O(n)。这套机制避免了频繁的DOM操作，提升了性能表现。虚拟DOM还增强了跨平台能力，为开发者屏蔽底层DOM差异。
2025-09-08 15:55:20
520
原创 【Vue2 ✨】Vue2 入门之旅 · 进阶篇（一）：响应式原理
Vue2响应式原理详解：Vue2通过数据劫持和发布订阅模式实现数据驱动视图。核心机制包括：1）使用Object.defineProperty对data属性进行劫持；2）通过Dep类收集依赖（Watcher）；3）数据变化时Dep通知Watcher更新视图。整个过程形成"数据变化→视图更新"的闭环。Vue3改用Proxy实现，但Vue2仍采用这套成熟方案。理解Observer、Dep、Watcher三者的协作是掌握Vue2响应式的关键。
2025-09-08 01:31:03
552
原创 【前端面试题✨】Vue篇（一）
Vue 核心技术解析摘要：Vue 通过数据响应式结合虚拟 DOM diff 实现高效更新，Composition API 解决了逻辑复用问题。Vue 3 引入 Proxy 响应式系统，优化编译策略减少对时间分片的需求。关键特性包括计算属性链式依赖、事件机制、全局方法定义、生命周期监听等。性能优化手段涉及合理使用 key、keep-alive 缓存、代码分割等。同时对比了 Vue 2/3 差异，以及 SPA 安全防护和不同渲染模式(CSR/SSR/SSG)的特点。
2025-09-02 22:21:49
1079
原创 【Vue2 ✨】Vue2 入门之旅（十）：Vuex 入门
本文介绍了 Vuex 作为 Vue 官方状态管理库的核心概念和使用方法。Vuex 解决了多组件共享数据的问题，通过集中式管理 state 数据，配合 getters 派生数据，使用 mutations 进行同步修改，actions 处理异步操作。文章展示了最小示例代码，并总结了通过 commit 提交 mutation 和 dispatch 分发 action 的基本使用方式。作为 Vue2 基础系列最后一篇，后续可考虑进阶主题如响应式原理和性能优化等内容。
2025-09-02 22:17:51
380
原创 【Vue2 ✨】Vue2 入门之旅（九）：Vue Router 入门
本文介绍了Vue官方路由管理器Vue Router的核心用法。主要内容包括：路由概念（SPA的组件切换机制）、安装方式（CDN引入或npm安装）、基本使用（router-link和router-view组件）、动态路由（路径参数）、嵌套路由（子路由配置）以及编程式导航（$router API）。文章通过代码示例演示了各种路由场景的实现方式，并总结了Vue Router的核心功能，为构建单页应用提供了完整的路由解决方案。
2025-09-02 21:49:48
916
原创 【Vue2 ✨】Vue2 入门之旅（八）：过渡与动画
本文介绍了Vue中的过渡与动画实现方法。主要内容包括：1）使用<transition>组件为元素添加进入/离开动画；2）Vue自动应用的6种过渡类名及其作用；3）通过CSS的transition和@keyframes定义动画效果；4）利用JavaScript钩子函数精准控制动画流程。文章还提供了多个示例代码，展示淡入淡出、弹跳动画等效果，并预告下篇将介绍Vue Router路由配置。掌握这些技术可以让Vue页面更加生动活泼。
2025-09-02 21:33:31
964
原创 【Vue2 ✨】Vue2 入门之旅（七）：事件处理
本文介绍了Vue.js中的事件处理机制，主要包括三个部分：1）使用v-on指令（缩写@）绑定事件；2）常用事件修饰符如.stop（阻止冒泡）、.prevent（阻止默认行为）和.once（只触发一次）；3）键盘事件处理，如.enter、.esc等按键修饰符。通过示例代码展示了如何实现点击事件、表单提交和键盘交互等功能。文章最后总结了事件处理的核心要点，并预告了下篇将介绍Vue的过渡与动画效果。
2025-09-02 21:20:21
347
原创 【Vue2 ✨】 Vue2 入门之旅（六）：指令与过滤器
本文介绍了Vue中的指令与过滤器功能。主要内容包括：1）常见内置指令如v-text、v-html、v-show等的使用；2）自定义指令的全局和局部注册方法，如自动聚焦输入框的v-focus指令；3）过滤器的定义和使用，包括全局和局部过滤器，用于格式化文本和货币等。文章总结了Vue指令和过滤器在DOM操作和文本格式化方面的应用，为后续学习事件处理打下基础。
2025-09-02 21:14:55
626
前端 html + css + javascript(choise-card) .zip
2024-11-13
关于#echarts#的问题
2025-06-30
celeba找不到jpg
2024-10-07
pip安装numpy显示没有pip模块怎么办
2024-05-21
ubuntu登陆失败，"Failed to start session"
2024-03-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人