- 博客(30)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 掌握这些 Vue 和 JS 的面试知识！
箭头函数没有 this 指向，需要通过作用域来确定 this 的值❝this绑定的就是最近一层非箭头函数的this由于没有 this，因此 call，apply，bind 不能被使用❞三者都可以绑定函数的 this 指向三者第一个参数都是 this 要指向的对象，若该参数为 undefined 或 null，this 则默认指向全局传参不同：apply 是数组；call 是参数列表，而 bind 可以分多次传入，实现参数合并。
2025-04-27 16:31:42
293
原创 Vue3 中【toRefs 与 toRef】
共同点：将响应式对象(reactive)中每个属性，转换为(ref)响应式引用对象, 使其保持响应性。toRefs 批量转换每个属性为 ref;toRef 转换单个属性为 ref;
2025-04-27 16:24:22
195
原创 Vue3 中ref 对比 reactive
ref创建的变量必须使用.value；reactive不需要，可直接使用;reactive重新分配一个新对象，会失去响应性,；1.使用Object.assign替换整体保持响应性。reactive：对象类型;ref：基本类型、对象类型；2.使用toRefs保持响应性。
2025-04-27 16:19:06
185
原创 Vue3 路由配置与导航全攻略
1. 路由分层管理：大型项目采用模块化路由2. 路由元信息：通过meta字段存储权限标识3. 异常处理：配置全局错误路由4. 类型安全：配合TypeScript使用路由类型提示。
2025-04-27 15:52:23
534
原创 Vue3组件通信全攻略：多种方式详解+实战场景
- 父组件 Parent.vue --><template></script>场景类型推荐方案复杂度简单父子通信★☆☆跨层级共享★★☆全局状态管理Pinia★★★非关系组件通信mitt事件总线★★☆。
2025-04-27 15:50:23
357
原创 Vue3路由进阶实战：深度解析参数传递与导航守卫核心技术
注意 ：URL会自动进行URI编码，需注意特殊字符处理。• 通过正则表达式约束参数格式，提升参数安全性 （如。2. 配置服务器支持History模式。• 启用props模式实现组件解耦。• 使用路由懒加载提升性能。权限校验、登录状态检查。组件创建/更新/销毁时。：页面刷新后参数丢失。
2025-04-27 15:46:56
192
原创 Vue3 状态管理 Pinia 终极指南
Pinia 为 Vue3 应用的状态管理提供了一种简单而强大的解决方案。通过定义 store 来管理状态、使用 Getters 派生状态以及通过 Actions 修改状态，我们可以有效地组织和管理应用中的共享状态。同时，它与 Vue3 的 Composition API 无缝集成，进一步提升了开发体验。在实际项目中，合理运用 Pinia 的各种功能和插件系统，能够使状态管理更加高效、可维护。
2025-04-27 15:43:33
833
原创 Vue 自定义指令 实现加载动画
指令会根据传入的参数控制加载动画的显示状态，并动态更新动画的大小和颜色。然后，在文件中，定义v-loading},},},通过以上三个步骤，我们成功创建了一个自定义的v-loading指令，用于在 Vue 应用中控制加载动画的显示与隐藏。这个指令不仅使用方便，还能灵活地自定义加载动画的样式。
2025-04-27 15:36:13
167
原创 SSE 与 WebSocket 见解
SSE基于HTTP协议，能够很好的兼容现有的Web，几乎所有浏览器都支持HTTP协议，所以SSE在兼容性上表现出色，哪怕是老旧的浏览器；网络的情况瞬息万变，当出现网络波动导致连接中断时，SSE的自动重连机制就会触发，保证数据的连续性和稳定性。经常会看到这样的言论，就是放弃XXX选择XXX，在实际开发者选择SSE还是WebSocket根据具体业务场景来做最优选择，如果是主要单向推送，并且对兼容性要求较高，那么SSE是一个不错的选择，当然如果是双向通信，即时性要求高WebSocket绝对是首选。
2025-04-20 18:07:56
218
原创 Vue3经典面试题
虚拟 DOM 重构（静态节点提升、Patch Flag 标记）、Tree-shaking 支持（按需引入模块）。等选项中，Composition API 允许将相关逻辑组织在一起，便于抽离为自定义 Hook（如。Fragment（多根节点）、Teleport（传送组件）、Suspense（异步组件加载状态）。静态标记（PatchFlag）、区块树（Block Tree）减少动态节点对比次数。，支持全对象级别的响应式，且能检测数组索引和长度变化。），替代 Options API，提高逻辑复用性。
2025-04-20 17:50:18
473
原创 VUE3为何要用Proxy替代Object.defineProperty
特性初始化性能递归遍历属性，性能较差惰性监听，按需触发，性能更优动态属性需手动调用Vue.set自动检测，直接赋值即可响应数组处理需重写数组方法天然支持索引修改和length变化代码复杂度需要特殊处理数组和动态属性统一拦截机制，实现更简洁兼容性支持 IE 9+仅支持现代浏览器（ES6+）// 必须用 Vue.setobj.b = 2;// 自动触发响应式更新通过改用Proxy。
2025-04-20 17:42:32
408
原创 总结必问面试题
p.数组的方法有哪些？o.flex的属性都有哪些？（主要是flex的各种实现。q.this跟箭头函数在一起的题目，然后输出多少多少的题目。i.说一下http缓存？t.flex的手写题，主要画个东西让你去实现。r.关于事件循环，也是输出多少多少的题目。f.从输入URL到页面加载的全过程？h.vue2和vue3的区别有哪些？l.事件循环（主要是事件循环的题目）e.你是如何优化你的项目的？j.怎么实现图片懒加载的？m.es6的新特性有哪些？b.介绍一下你最近的项目。c.项目中遇到的难点？s.数据处理的笔试题。
2025-04-20 15:30:15
142
原创 Vue3 新趋势：一键最强监控方案！
在当下的前端开发领域，是许多开发者的首选。它凭借出色的、灵活的系统和强大的，助力开发者高效构建用户界面。然而，随着项目规模的扩大，仅靠这些特性已经不够，前端监控变得愈发关键。而，一款专为前端项目量身定制的埋点SDK，正好为开发者提供了一键监控的解决方案。
2025-04-20 00:49:13
228
原创 Vue3 作用域插槽与具名插槽
作用域插槽：子组件向父组件传递数据，父组件在插槽中混合使用父子数据。具名作用域插槽：通过插槽名称区分不同数据来源，实现更灵活的布局。语法：子组件通过<slot>绑定数据，父组件通过v-slot接收，直接访问自身数据，通过参数访问子组件数据。通过这种机制，Vue3 实现了父子组件间数据的灵活交互，同时保持模板的清晰性和可维护性。
2025-04-07 16:01:54
114
原创 使用 Javascript 精确严格比较两个数的大小
精确比较两个数字的比较大小与相等，根据传入的符号(>,>=,=,<,<=) 返回true与false，并且需要支持到特别大的数与特别小的数，支持字符串数字传入。
2025-04-06 16:38:07
207
原创 自定义 resize 指令(监听获取元素的宽高大小)
API，这是一个专门用来监听元素尺寸变化的接口，比起传统的用。或者定期检查尺寸的方法更高效，而且可以监听任意元素的变化。
2025-04-06 15:32:44
218
原创 利用自定义 ref 实现响应式防抖
实现响应式防抖的解决方案，适用于输入框等高频触发场景。下面是一个利用 Vue 3 自定义。以下是：debounceRef.js。
2025-04-06 15:18:25
147
原创 使用 Javascript 编写自动检测更新脚本
思路：使用一个定时器，定期获取服务器上的版本文件，然后和当前版本对比。如果有变化，就提示用户刷新页面。
2025-04-06 14:37:22
192
原创 Vue 大量节点/优化白屏时间(使用defer劫持页面第几帧渲染)
结合帧数控制函数，将组件按批次渲染。例如每帧渲染10-20个组件，减少主线程阻塞时间。
2025-04-06 01:16:42
154
原创 JavaScript 实现 HTTP 请求进度监控，分别基于 XMLHttpRequest、jQuery AJAX 和 Fetch API
JavaScript 实现 HTTP 请求进度监控的三种方法，分别基于 、 和 。
2025-04-05 23:36:18
215
原创 Vue3 使用 computed 拦截 v-mode 实现单项数据流
这样当子组件内部的输入框等元素修改时，会触发computed的setter，从而通知父组件，父组件更新后，再传递新的值给子组件，形成单向数据流。这样，当子组件的输入框输入时，mValue的setter会触发emit，父组件更新parentData，然后新的值再通过prop传递给子组件，从而实现单向数据流。这样数据流是单向的，父组件到子组件通过prop，子组件到父组件通过事件，中间用computed作为桥梁，拦截修改操作并触发事件。父组件处理emit的事件，更新数据，从而触发子组件的重新渲染。
2025-04-04 21:01:34
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人