- 博客(51)
- 收藏
- 关注
RSS订阅原创 重生之单页面应用往哪逃
摘要：单页面应用（SPA）是在单个HTML页面中完成所有交互的Web架构，通过前端路由动态更新内容，无需整页刷新。相比多页面应用（MPA），SPA具有流畅体验、前后端分离等优势，但也面临首屏加载慢、SEO优化等挑战。Vue项目通过路由控制实现页面跳转，但最终编译为单一HTML文件，因此属于SPA。SPA适合交互密集型应用，而不推荐用于内容为主的静态站点。
2025-08-05 10:25:22
497
原创 一文了解 `package.json` 和 `package-lock.json`文件
package.json作为项目"身份证"，记录项目元数据，包括：项目信息、依赖声明（dependencies生产依赖和devDependencies开发依赖）、脚本命令（scripts）以及项目规范配置。其依赖版本使用特殊符号（^允许次版本更新，~允许补丁版本更新）定义版本范围。
2025-08-01 18:00:11
1085
原创 了解微前端和SSO单点登录
本文介绍了微前端和SSO(单点登录)两个概念及其协同作用。微前端将大型前端应用拆分为可独立开发、部署的子应用，实现技术栈无关和团队解耦；SSO则让用户一次登录即可访问所有关联系统。二者结合可解决微前端中子应用单独登录的问题，通过Token机制实现登录态共享，确保用户体验一致性和权限统一管控。微前端的"整合"需要SSO在登录态层面的支持，两者协同提升大型系统的可维护性和用户体验。
2025-07-31 17:57:14
516
原创 【Vue Router】一文看懂动态路由
本文介绍了前端路由的基本概念，重点解析了动态路由及其相关技术。路由分为静态路由（固定路径）和动态路由（可变路径）。动态路由包含两种形式：1）动态路由参数（通过URL路径传递变量如ID，使用$route.params获取）；2）动态路由方法（运行时通过addRoute/removeRoute等API动态修改路由规则）。前者用于展示参数化内容（如商品详情页），后者用于实现权限控制等动态路由管理场景。两者结合使路由系统既能处理参数化请求，又能灵活调整路由规则。
2025-07-31 11:52:24
376
原创 vue2中的过滤器filter
本文介绍了Vue2中过滤器(filter)的使用方法及其常见应用场景。过滤器主要用于模板数据格式化，支持全局和局部注册，可以链式调用和传递参数。作者通过示例展示了过滤器在日期格式化、文本处理、状态转换和数字格式化等场景的应用。同时比较了过滤器与计算属性(computed)、方法(method)的区别：过滤器适合简单的数据格式化，计算属性适合需要缓存的复杂数据处理，方法则适用于通用逻辑处理。文章最后指出Vue3已废弃过滤器功能，推荐使用计算属性或方法替代。
2025-07-30 16:14:22
802
原创 自定义指令directive及其钩子
Vue自定义指令钩子函数详解：Vue自定义指令提供5个钩子函数，分别在不同时机触发：bind（首次绑定）、inserted（插入DOM）、update（VNode更新）、componentUpdated（子组件更新完成）和unbind（解绑）。这些钩子执行顺序依次为：首次渲染bind→inserted，更新时update→componentUpdated，解绑时unbind。特别说明inserted会在元素插入父节点时触发，即使根元素插入页面容器也会执行。文中通过实际案例演示了各钩子的触发时机和控制台输出，
2025-07-28 15:20:03
481
原创 【JS】关于原型/原型链
原型：函数都有prototype属性，称作原型/原型对象原型可以放一些方法和属性，共享给实例对象使用原型可以继承原型链：对象都有_proto_属性，这个属性指向它的原型对象，原型对象也是对象，也有_proto_属性，指向原型对象的原型对象，这样一层一层形成的链式结构称为原型链，最顶层找不到就返回null。
2025-04-13 22:40:17
328
原创 【JS】合并两个有序链表
递归返回过程示例第六层返回4。第五层将设置为4，返回4。第四层将设置为4，返回3。第三层将设置为3，返回2。第二层将list1.next设置为2，返回1。第一层将list2.next设置为1，返回1。
2025-04-11 11:30:51
207
原创 【教程】如何将Hbuilder上的Uniapp项目迁移到VSCode
最近博主在Hbuilder X上开发一个基于Uniapp的小程序项目，用着用着还是更习惯使用VSCode，于是决定将该项目迁移至VSCode中继续开发，所以本文会分享如何将Hbuilder上的Uniapp项目迁移到VSCode以及小程序如何在VSCode运行的教程，需要的朋友可以瞅瞅！
2025-04-07 09:30:00
1395
1
原创 【JS】使用滑动窗口得到无重复字符的最长子串
本题采用滑动窗口思想，定义左右指针作为滑动窗口的边界，使用Set数据结构处理重复字符，需要注意的是：每次遍历时要实时更新最长子串的长度，这里可以采用Math.max方法比较。
2025-04-05 15:53:48
245
原创 【JS】怎么用队列实现栈
使用一个数组（模拟队列）来作为基础数据结构，在构造函数MyStack中初始化这个数组queue，后续所有栈的操作都基于这个队列进行。：入栈操作相对简单直接，因为栈的入栈是在栈顶添加元素，对应到这里就是直接将元素添加到队列的末尾，使用方法，这样新元素就进入了队列（模拟的栈）中。：由于队列是先进先出，而栈是后进先出，为了实现栈的出栈效果，需要将队列中除了最后一个元素之外的所有元素依次出队（使用），再重新入队到队列尾部（使用。
2025-04-01 14:30:00
711
原创 【JS】介绍Promise（ES6引入）
Promise是 JavaScript 中用于异步编程的一种非常重要的对象。它代表了一个异步操作的最终完成（或失败）及其结果值。
2025-04-01 10:00:00
525
原创 【Uniapp】关于实现下拉刷新的三种方式
methods: {console.log('子组件开始刷新数据');// 这里编写刷新数据的逻辑，比如重新请求接口获取最新数据try {// 调用获取消息的方法console.log('子组件数据刷新完成');console.error('子组件刷新数据出错:', error);},// 其他方法...
2025-02-13 10:00:18
1851
原创 【vue】vue中.sync修饰符如何使用--详细代码对比
sync修饰符是一个语法糖，可以简化父子组件通信操作，当子组件想改变父组件数值时，父组件只需要使用修饰符，子组件使用接收属性，再使用就可以实现子组件更新父组件数据的操作。以下将用el-dialog例子展示传统父子通信及使用.sync修饰符后的父子通信区别：传统父子通信。
2024-11-21 16:29:51
396
原创 【JS】字符串方法速览
返回字符串中指定索引的字符 unicode 编码。方法搜索特定值的字符串，并返回匹配的位置。返回字符串中指定下标（位置）的字符串。未完，有空再更~~~~~~~
2024-11-07 17:44:51
521
原创 【JS】双指针法获得满足四数之和且不重复的四元组
本题做法与上一篇三数相加的做法相似，同样是使用双指针法，区别是这里多嵌一层循坏，遍历 i 和 j 的值（ j = i + 1），思路可参考笔记：【JS】双指针法获得满足三数之和且不重复的三元组。
2024-10-21 10:59:51
1708
原创 【JS】双指针法获得满足三数之和且不重复的三元组
首先对数组进行排序，这样可以保证在遍历过程中，相同的元素会相邻，同时也方便使用双指针法。：在遍历过程中，如果当前元素与前一个元素相同，则跳过当前元素，以避免生成重复的三元组。：在开始寻找三元组之前，检查当前元素是否大于0，如果是，则直接返回结果，因为不可能有三数之和为0。：在找到和为0的三元组后，需要跳过所有相同的元素，以避免生成重复的三元组。
2024-10-20 17:02:55
673
原创 【JS】哈希法解决两数之和
本题需要一个集合来存放我们遍历过的元素，然后在遍历数组的时候去询问这个集合，符合要求的某元素是否遍历过，也就是 是否出现在这个集合。
2024-10-06 11:51:18
804
原创 【JS】判断快乐数
如果循环正常结束（即没有检测到循环且平方和达到 1），则认为数。转换为字符串，然后转换回数字数组，计算每个数字的平方和。），用于存储每个数字的平方和，以检测是否出现循环。：如果平方和达到 1，则该数是快乐数，返回。：创建一个空的集合（
2024-10-05 15:16:17
607
原创 【JS】判断有效的字母异位词
首先检查两个字符串的长度是否相等。如果长度不相等，则直接返回false，因为变位词的定义要求两个字符串必须包含相同数量的字符。：使用一个Map对象来存储第一个字符串中每个字符的出现次数。Map的键是字符，值是该字符出现的次数。：遍历第一个字符串s中的每个字符，对于每个字符，如果它已经在Map中，则将其计数加一；如果不在Map中，则将其添加到Map中并设置计数为一。：遍历第二个字符串tMapMapfalseMap。
2024-10-03 01:09:13
734
原创 【JS】环形链表怎么找入口？
判断是否有环：定义快慢指针，慢指针（slow）走一步，快指针（fast）走两步。fast.nextnull寻找环的入口：链表head到入口点距离=两指针相遇点到入口点距离环的性质：在链表中，如果存在环，那么从链表头部到环入口的距离等于环入口到快慢指针相遇点的距离。
2024-10-02 00:06:36
529
原创 【JS】链表相交如何找交点？
使用一个辅助函数（如getListLen）遍历每个链表，计算它们的长度。：比较两个链表的长度，找出哪个链表更长。：让较长链表的指针先走，走的距离是两个链表长度的差值，这样两个指针就会在它们各自链表的相同位置开始遍历。这里目的是对齐指针位置，即让两个链表的末尾位置对齐：从对齐后的起点开始，同时遍历两个链表，直到找到交点或者两个指针都到达链表的末尾。：如果两个链表有交点，返回交点节点；如果没有交点，返回null。
2024-09-30 14:06:19
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人