自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(258)
  • 收藏
  • 关注

原创 新手入门:实现聚焦式主题切换动效(Vue3 + Pinia + View Transitions)

本文章通过具体代码一步步的详细的讲解了聚焦式主题切换的全部代码全部过程,欢迎各位大佬来讨论

2025-12-02 17:34:50 917

原创 网络传输的多层次解析:从物理到应用的完整旅程

摘要: 网络数据传输是一个多层次协同工作的复杂过程,基于TCP/IP模型可分为五层:物理层(传输原始比特流)、数据链路层(帧传输与错误检测)、网络层(路由寻址)、传输层(端到端管理)和应用层(用户服务)。以访问网站为例,数据从应用层的HTTP请求开始,逐层封装并添加头部信息,经物理介质传输后,在接收端反向解封装还原。层次化设计使网络具备扩展性和兼容性,每层各司其职,共同保障数据高效、可靠传输。理解这一结构是掌握网络通信原理的关键。

2025-10-20 10:03:34 801 13

原创 关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读

本文对比了uni-app与微信小程序的生命周期,通过比喻人的一生帮助理解生命周期的作用。最后给出了实际应用示例,如登录检查、数据刷新等,帮助开发者在合适时机执行相应操作,避免性能问题。

2025-10-16 09:48:22 1171 4

原创 uni-app Vue 项目的规范目录结构全解

本文详细介绍了uni-app Vue项目的规范目录结构,帮助开发者构建清晰、可维护的项目架构。文章还提供了示例代码,展示如何在实际项目中应用这些目录结构,从而提高开发效率和代码质量。

2025-10-16 09:41:08 1087 1

原创 网络世界的交通规则:一图看懂核心协议与端口地图

这篇图解文章生动解析了网络协议与端口的核心知识,将复杂技术概念转化为生活化比喻。全文通过形象比喻和清晰表格,帮助读者轻松理解网络通信的基础机制与安全要点。

2025-09-28 09:49:33 1171 12

原创 qiankun 微前端实践指南 —— 从搭建到落地

本文介绍了使用 qiankun 框架实现微前端的实践指南。文章还提供了开发中可能遇到的跨域、样式污染等问题的解决办法。通过该指南可以快速在项目中集成 qiankun 微前端架构。

2025-09-28 09:32:13 999 5

原创 Module Federation(远程加载):微前端架构中的跨项目组件共享

本文详细讲解了不同项目(不同应用)间使用Module Federation通信的方法,详细讲解了使用它的好处以及使用方法。

2025-09-12 09:56:34 949 18

原创 打包成 UMD,通过 CDN静态资源共享:微前端项目中跨项目共享公共组件的最佳实践

本文介绍了在微前端架构中,通过将公共组件打包成UMD格式并借助CDN/静态资源共享的最佳实践。通过CDN共享公共组件,实现了微前端项目间的高效组件复用,简化了开发流程。

2025-09-07 17:40:25 1000 5

原创 抽成独立组件库:微前端架构下公共组件共享的最佳实践

本文介绍了在微前端架构下将公共组件抽离为独立组件库的最佳实践。最终通过主应用集中管理组件库,确保多子应用高效协同开发,提升整体项目一致性。

2025-09-06 11:14:03 922 1

原创 微前端框架性能对比与选型指南:从理论到实践

本文系统对比了主流微前端框架的性能特点与适用场景。Qiankun在多技术栈整合中的实践价值,为开发者提供全面的微前端选型参考。

2025-09-06 10:59:03 977 1

原创 JavaScript中的call、apply、bind:函数调用的遥控器三兄弟

本文详细讲解了JavaScript中的call、apply和bind是控制函数执行的三个重要方法,在使用方式和场景上的明显区别。

2025-09-05 16:57:26 1151 1

原创 JavaScript作用域、作用域链与变量提升:代码的领地规则与时间魔法

本文详细讲解了JavaScript作用域、作用域链与变量提升是核心概念,决定了代码的变量访问规则和执行顺序。

2025-09-05 16:02:45 949 1

原创 JavaScript箭头函数与普通函数:两种工作方式的深度解析

本文全面剖析了ES6箭头函数与传统普通函数的核心差异。最后给出了根据不同场景选择函数类型的实用建议。适合开发者深入理解两种函数的工作机制及适用边界。

2025-09-03 19:49:37 1074 1

原创 JavaScript原型与原型链:对象的家族传承系统

本文通过家族关系类比,详细讲解了原型基础、原型链查找机制、多级继承实现,以及原型系统的六大核心机制

2025-09-03 19:46:53 648 1

原创 TypeScript与JavaScript:从动态少年到稳重青年的成长之路

本文对比了TypeScript与JavaScript的核心差异,阐述了TypeScript如何通过静态类型系统增强JavaScript。TypeScript尤其适合中大型项目,为JavaScript开发者提供了更严谨、可维护的开发体验。

2025-09-03 19:35:27 1036

原创 ES6新特性:JavaScript的进化装备箱[特殊字符]

ES6是JavaScript的重大更新,带来了20+项新特性,显著提升了开发效率。本文详细讲解了ES6的新特性作用,与ES5的对比,更加形象详细的讲解了ES6新特性

2025-09-01 15:06:04 1624 5

原创 Axios拦截器:前端通信的交通警察[特殊字符]

本篇文章详细讲解了什么是请求拦截器,他有什么好处,以及如何使用他?在真正上线的项目中应该如何部署才更加合理?

2025-09-01 14:58:37 1165 3

原创 jQuery 知识点复习总览

本文总结了jQuery的核心知识点,包括基础语法、选择器、DOM操作、事件处理、动画效果、Ajax请求以及插件开发等。全文结构清晰,涵盖jQuery的主要功能模块,可作为快速复习指南。

2025-08-23 23:00:36 1048 7

原创 微信小程序和uni-app面试问题总结

本文总结了微信小程序和uni-app的常见面试问题及解答。文章提供了详细的代码示例和实现方法,适合开发者快速掌握这两个框架的核心知识点,为面试和技术学习提供参考。

2025-08-23 22:56:15 1246 3

原创 Node.js 和 Express 面试问题总结

本文总结了Node.js和Express框架的核心面试问题,涵盖关键概念和实用解决方案。文章为开发者提供了全面的技术参考,帮助应对Node.js和Express相关的面试挑战。

2025-08-23 22:53:57 1070 11

原创 编程中的MVC与MVVM设计模式:小白也能懂的超详细解析

本文详细解析了前端开发中的MVC与MVVM两种设计模式。两种模式本质上都是为实现代码的可维护性和可扩展性。

2025-08-23 22:47:29 1392 1

原创 Vue3虚拟DOM完全解析:让面试官眼前一亮的理解

本文全面剖析Vue3虚拟DOM的工作原理和优势。帮助开发者深入理解虚拟DOM在性能优化、跨平台能力和开发体验方面的三大优势。掌握这些知识可大幅提升面试表现。

2025-08-23 22:36:31 1031

原创 Vue3组件系统完全指南:从入门到面试通关

《Vue3组件系统完全指南》系统介绍了Vue3组件的核心概念和使用方法。同时提供了组件设计最佳实践和常见面试问题解答,帮助开发者掌握组件化开发思维。

2025-08-21 16:56:33 1024

原创 Vue3中的ref与reactive全面解析:如何正确选择响应式声明方式

本文全面解析Vue3中ref与reactive的区别与使用场景。ref适合处理基本类型和需要保持响应性的独立值,通过.value访问;reactive适合逻辑相关的对象数据集合,直接访问属性。关键区别包括数据类型支持、访问方式、模板使用和解构行为等。文章提供了决策流程图和最佳实践,如避免混合使用、正确解构reactive对象等,并解答了常见面试问题。最后给出选择指南:基本类型用ref,对象集合用reactive,解构时记得使用toRefs。

2025-08-15 23:29:22 1480 16

原创 Vue2与Vue3生命周期函数全面解析:从入门到精通

本文全面解析了Vue2与Vue3的生命周期函数,对比了两者的差异与演进。Vue2的生命周期包括beforeCreate、created、beforeMount等8个阶段,而Vue3在保留核心功能的同时进行了优化:将beforeDestroy/destroyed更名为beforeUnmount/unmounted,并引入Composition API提供onBeforeMount等新写法。文章通过流程图、对比表格和代码示例详细展示了各生命周期钩子的调用时机和典型应用场景,帮助开发者掌握组件从创建到销毁的全过程

2025-08-15 23:26:07 1149 3

原创 Vue2 vs Vue3组件通信方式全景对比指南

本文全面对比了Vue2与Vue3在组件通信方式上的主要差异。同时还介绍了Event Bus的替代方案和Pinia状态管理的优势。

2025-08-15 10:16:52 1019

原创 Vue组件通信全景指南:8种实战方案详解

本文全面介绍了Vue组件通信的8种实战方案,从基础到高级,覆盖不同应用场景,通过代码示例详细说明每种方案的使用方式,并提供对比决策表。最后给出实战选型建议

2025-08-15 10:14:15 879

原创 Vue项目生产环境性能优化实战指南

本文总结了Vue项目生产环境性能优化的实战技巧,这些优化能显著提升Vue应用的速度、稳定性和资源效率。

2025-08-13 22:43:49 1143 4

原创 Vue内置组件全解析:从入门到面试通关

本文系统介绍了Vue.js的核心内置组件及其应用场景。主要包括动态组件<component>实现组件切换、过渡动画组件<transition>为元素添加进入/离开效果、缓存组件<keep-alive>优化性能、内容分发组件<slot>实现灵活布局,以及<teleport>组件实现DOM位置控制。每种组件都配有代码示例和关键属性说明,并特别标注了面试常见考点。掌握这些内置组件能显著提升Vue开发

2025-08-13 22:32:22 786

原创 Vue3 vs Vue2:全面对比与面试宝典

本文详细讲解了Vue3相对Vue2进行了哪方面的全面升级,结合一些面试的常考题目进项讲解。

2025-08-13 22:29:29 551

原创 Vue中data为什么必须是函数?深入解析与面试应对指南

本文详细讲解了Vue组件中data区为什么不许是一个函数,是一个常见的面试题,本文带你学习他们的核心回答知识

2025-08-11 20:44:06 1497 4

原创 前端组件库双雄对决:Bootstrap vs Element UI 完全指南

本文主要讲解了Bootstrap和Element UI两大主流前端组件库,分别适用于不同场景。两者的核心知识点进行对比,不同的项目应该如何选择。

2025-08-11 20:39:43 1918 1

原创 Vue 事件冒泡处理指南:从入门到精通

本文全面介绍了Vue中的事件冒泡机制及处理方法,给出了最佳实践建议,帮助开发者优雅处理各种事件交互场景。

2025-08-10 20:02:25 956 1

原创 JavaScript防抖与节流:拯救你的网页卡顿危机!

本文通过代码实现、对比表格和执行流程图,详细解析了两种技术的实现原理、适用场景及差异:防抖适合"冷静期"场景,节流适合"冷却期"场景。

2025-08-10 19:52:27 1505 4

原创 JavaScript 中 const 的原理与实现机制

本文深入解析了JavaScript中const的工作原理。const声明的变量具有绑定不可变、块级作用域和必须初始化三大特性。底层实现上,引擎会静态检查并标记变量为不可重新绑定:基本类型值不可修改,而引用类型仅保证地址不变,对象属性仍可修改。文章对比了const与let、var的区别,指出const适用于不应重新赋值的场景,并解答了常见面试问题,如数组操作、对象冻结等。最终强调const的核心是绑定不可变而非值不可变,正确理解这一机制能避免开发中的误用。

2025-08-08 15:19:16 918

原创 css怪异模式(Quirks Mode)和标准模式(Standards Mode)最明显的区别

本篇文章详细讲解了css中怪异模式和标准模式的核心区别在于盒模型的计算方式。这一区别是前端开发的基础知识点,对保证页面兼容性和维护旧项目至关重要。

2025-08-06 18:57:10 373 1

原创 SassSCSS:让CSS拥有超能力的预处理器

本篇文章更加深入的讲解了Sacc的知识点以及他的特性,用生动形象的话语使得读者更加容易接受。再去结合实战案例更加稳固了知识点

2025-08-06 09:08:11 1387 11

原创 CSS预处理器全家福:从入门到选型指南

本篇文章详细讲解了css预处理技术的有点,列出所用css预处理技术的独有特点,可以使读者迅速的了解这些技术,为后续深入学习奠定基础

2025-08-05 20:25:28 848

原创 原生CSS vs LESS:样式表语言的进化之旅

本文详细讲解了LESS作为CSS预处理器,通过变量、嵌套、混合宏等特性显著提升了开发效率。两者互补,LESS是CSS在现代前端工程中的高效扩展。

2025-08-05 10:22:00 953

原创 javascript中call、apply 和 bind 的区别详解

本文深入浅出地讲解了 JavaScript 中 call、apply 和 bind 三大方法的用法与区别。最后指出虽然现代 JS 提供了新特性替代方案,但掌握这三个方法仍是理解 JS 核心概念的关键。

2025-08-01 21:02:38 1161 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除