- 博客(18)
- 收藏
- 关注
RSS订阅原创 watch在vue2和vue3中的区别
Vue2与Vue3的watch功能主要区别在于API设计和响应式机制。Vue3基于CompositionAPI，支持多源监听（数组形式）、自动依赖收集(watchEffect)、副作用清理(onCleanup)，且对reactive对象默认深度监听。Vue2需通过OptionsAPI单独声明每个监听项，并手动配置deep/immediate选项。Vue3新增watchEffect可自动追踪依赖并立即执行，而Vue2的watch需显式指定监听目标和配置项。组件卸载时，Vue3需手动调用停止函数，Vue2则自动
2025-07-27 00:16:20
798
原创 什么是单实例，使用场景
单例模式确保类仅有一个实例，并提供全局访问点。该模式通过延迟初始化节省资源，常用于状态管理、配置管理、日志记录等场景。在JavaScript中可通过闭包、ES6类或模块实现，如使用闭包保存唯一实例，或直接导出类实例。现代前端应用中的状态管理库（Redux/Vuex）、数据库连接池、事件总线等均采用单例模式来保证数据一致性和资源高效利用。实现时需注意线程安全（服务端）和避免过度使用导致代码耦合。
2025-07-17 22:50:35
250
原创 原型，原型链，以及继承
JavaScript中的原型机制是实现继承的核心。每个对象都有__proto__属性指向其原型，形成原型链。当访问属性时，引擎会沿原型链查找。构造函数的prototype属性指向其实例的原型。ES6的class语法简化了原型继承，但底层仍基于原型链。通过设置子类原型为父类实例，可实现继承。这种机制使得属性和方法可以在对象间共享和继承。
2025-07-13 21:31:43
311
原创 JS事件循环机制
JavaScript采用单线程模型，通过事件循环机制处理异步操作。其执行顺序为：先执行同步代码（调用栈），清空微任务队列（如Promise），再执行一个宏任务（如setTimeout），循环往复。微任务优先级高于宏任务，在当前操作后立即执行。这种机制确保了耗时操作不阻塞主线程，同时保持代码执行的顺序性和响应性。核心组件包括调用栈、宏任务队列和微任务队列。
2025-07-13 21:22:22
112
原创 Vue.js 中 computed 和 watch 的核心区别
computedwatch设计目的派生数据响应数据变化代码风格声明式（What to do）命令式（How to do）黄金法则优先用computed处理模板依赖的动态值。用watch处理数据变化后的特定操作（如异步、复杂逻辑）。
2025-02-24 21:10:32
373
原创 跨域以及解决跨域方法的优缺点
在前端开发中，“跨域”是一个常见的问题。它指的是浏览器允许向不同源（协议+域名+端口）的服务器发送请求，从而克服了Ajax只能同源使用的限制。
2025-02-14 09:35:25
226
原创 HTNL块级元素，内联元素和行内块元素
块级元素 特点：默认情况下，每个块级元素都会开始新的一行。它们可以包含其他块级元素和内联元素可以设置宽度和高度。
2024-07-30 11:12:22
460
原创 var、let、const 之间的区别
1. 作用域var: 具有函数作用域或全局作用域。这意味着在一个函数内部声明的变量在整个函数内部都是可见的，而在函数外部声明的变量在整个脚本或全局范围内可见。let和const: 具有块级作用域。这意味着变量仅在其声明的代码块内（如if语句或循环）可见。
2024-07-17 09:25:59
357
原创 什么是盒模型？盒模型的理解
什么是盒模型？盒模型的理解首先，盒模型是Web设计中用于描述元素布局方式的一个重要概念，它将HTML元素想象成一个盒子，这个盒子由以下几个部分组成
2024-06-14 10:49:14
680
原创 v-if和v-show的区别（性能优化）
在Vue.js框架中，v-if 和 v-show 是两种用于条件渲染的指令，它们可以帮助开发者根据不同的条件来决定是否显示某个元素。尽管它们的目的相似，但在实现方式和应用场景上存在一些关键差异
2024-06-13 11:46:07
1025
原创 箭头函数和普通函数的区别
箭头函数使用=>符号定义，语法更紧凑，如(parameters) => expression或(parameters) => { statements; }，而普通函数使用function关键字，如function(name) { return name; }。
2024-06-12 11:40:32
1274
原创 TS中any类型和unknow类型的区别
在 TypeScript 中，any 和 unknown 都是用于处理不确定类型的值，但它们之间存在一些关键性差异
2024-06-05 11:36:34
1340
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人