- 博客(65)
- 收藏
- 关注
RSS订阅原创 Vue 生命周期钩子总结
Vue 组件的生命周期钩子允许在组件不同阶段执行自定义逻辑。理解生命周期钩子的执行顺序和适用场景，有助于编写高效、可维护的 Vue 组件。Vue3 保留了 Vue2 的生命周期钩子，但命名略有调整，并新增了。函数作为组合式 API 的入口。
2025-04-28 17:57:04
703
原创 `==` 和 `===` 的隐式转换规则总结
通过理解隐式转换规则，可以有效避免代码中的潜在问题，写出更健壮的 JavaScript 程序。：以下代码的输出是什么？：以下代码的输出是什么？
2025-04-27 16:08:13
436
原创 函数柯里化的应用场景及示例
函数柯里化通过将多参数函数转换为单参数链式调用的形式，增强了函数的灵活性和复用性。函数柯里化通过灵活的参数管理和逻辑拆分，显著提升了代码的复用性和可维护性，尤其适合函数式编程和复杂业务逻辑的场景。：避免重复传递相同的基地址参数，简化调用逻辑。：需要多次调用同一函数，且部分参数固定。：通过链式调用实现清晰的函数组合逻辑。：参数需要分阶段收集，最后统一处理。：通过预定义级别参数，减少重复代码。：隐藏复杂参数，提供简洁的调用接口。：根据不同条件生成不同逻辑的函数。：统一不同接口的参数格式。：为事件回调预置参数。
2025-04-27 09:02:29
296
原创 发布-订阅模式应用场景及示例说明
发布-订阅模式通过事件中心解耦组件间的直接依赖，适用于需要灵活、动态通信的场景。通过发布-订阅模式，可以显著提升代码的可维护性和扩展性，尤其适合复杂系统中的事件驱动架构设计。：多个独立组件需要响应同一事件（如用户登录、数据更新）。：DOM 事件（如点击、滚动）本质上是发布-订阅模式。：允许第三方插件监听核心系统的事件，扩展功能。：服务间通过事件通信，避免直接 API 调用。：游戏对象的状态变化触发多系统响应。：多个异步任务完成后触发后续操作。：跨模块通信，避免直接依赖。
2025-04-26 07:27:03
932
原创 JavaScript 实现继承及 Class 本质详解
是语法糖，底层仍基于原型链和构造函数。：避免组合继承中重复调用父类构造函数。：在子类构造函数中调用父类构造函数。：结合原型链继承和构造函数继承。：基于现有对象创建新对象（类似。：在原型式继承基础上增强对象。：子类的原型指向父类的实例。
2025-04-24 19:32:10
463
原创 ES6 模块化 与 CommonJS 的核心概念解析
掌握 ES6 模块化与 CommonJS 的核心差异，能帮助你在不同场景下合理选择模块系统，优化代码结构并避免常见陷阱（如循环依赖、内存泄漏）。掌握 ES6 模块化与 CommonJS 的核心差异，能帮助你在不同场景下合理选择模块系统，优化代码结构并避免常见陷阱（如循环依赖、内存泄漏）。：导出的是值的引用，导入和导出指向同一内存地址。：导出的是值的引用，导入和导出指向同一内存地址。：导出的是值的拷贝，后续修改不影响原始值。：导出的是值的拷贝，后续修改不影响原始值。：静态加载可能导致未初始化引用错误。
2025-04-24 18:15:00
614
原创 在 JavaScript 中，`call`、`bind` 和 `apply`区别
在 JavaScript 中，callbind和apply是函数对象的方法，用于显式绑定函数的this指向。
2025-04-23 20:02:02
877
原创 JavaScript 数据类型与隐式转换详解
隐式转换规则优先拼接字符串，其他运算符优先转为数字。对象通过valueOf()和toString()转换为原始值。宽松相等（==）会触发复杂转换逻辑。最佳实践使用===代替==避免意外转换。复杂运算时显式转换类型（如Number()String()注意NaNnullundefined的特殊行为。示例代码总结// "12"// 3// true（空数组 → "" → 0）// true（非空字符串为真）
2025-04-09 14:00:07
335
原创 Vue3 和 Vue2区别
Vue3 在性能、代码组织和开发体验上均有显著提升，适合新项目或复杂度高的场景。对于老项目，建议评估迁移成本后逐步升级。
2025-04-04 11:06:50
1118
原创 总结Webpack相关内容
入口（Entry）指定打包的起点，Webpack 从这里开始构建依赖图。输出（Output）定义打包后文件的输出位置和命名规则。示例：output: {加载器（Loaders）处理非 JavaScript 文件（如 CSS、图片），需在中配置。示例：使用 Babel 转换 ES6+ 语法：module: {rules: [插件（Plugins）扩展 Webpack 功能（如生成 HTML 模板、提取 CSS）。示例：自动生成index.html模式（Mode）
2025-04-01 09:26:59
520
原创 ECharts 的核心知识点总结及常见图表示例
通过掌握这些核心知识点和示例，你可以快速实现常见图表并定制交互效果。// 显示名称和百分比。// 窗口变化自适应。
2025-03-28 14:18:36
951
原创 Vue 3 + Composition API + Vite + Pinia + Element Plus 构建项目的完整指南
如果不需要 TypeScript，使用。
2025-03-27 18:24:10
423
原创 ref和reactive区别
在 Vue 3 中，ref和reactive是两种创建响应式数据的主要 API，但它们的适用场景和使用方式有所不同。
2025-03-26 17:23:21
726
原创 v-memo 的作用
是 Vue 3 中的一个指令，用于优化渲染性能。，只有在指定的依赖项发生变化时，才会重新渲染组件。发生变化时，组件才会重新渲染。每次组件的父组件更新时，即使。没有变化，组件也会重新渲染。
2025-03-24 16:34:21
268
原创 watch方法解析
会执行指定的回调函数。它非常适合处理需要在数据变化时执行某些逻辑的场景。是一个用于监听响应式数据变化的 API。当被监听的数据发生变化时，在 Vue.js 中，
2025-03-21 18:47:04
545
原创 父子组件传递数据和状态管理数据
是两种常见的数据管理方式。选择哪种方式，取决于具体的场景和需求。在实际开发中，通常会结合使用。在 Vue.js 开发中，
2025-03-21 08:55:50
516
原创 emit作用
它允许子组件触发一个自定义事件，父组件可以监听这个事件并执行相应的逻辑。以下是一个简单的例子，展示如何使用。是 Vue 3 中用于。在父组件中，可以通过。
2025-03-20 17:07:13
341
原创 storeToRefs
使用场景：在组合式 API 中需要解构 Store 的state或getters时，用保持响应性。核心作用：将 Store 的响应式属性转换为ref，避免解构后失去响应性。避免直接解构：除非你明确知道不需要响应性（如只读取一次值）。
2025-03-19 18:11:15
457
原创 Pinia总结
Pinia 支持组合式 API和选项式 API安装并注册 Pinia。使用定义 Store（组合式或选项式）。在组件中通过获取 Store 实例。直接访问状态、调用 Actions 或使用 Getters。Pinia 的简洁性和 TypeScript 支持使其成为 Vue 状态管理的理想选择。
2025-03-19 17:59:23
1009
原创 axios 请求拦截器和 响应拦截器总结
和是axios提供的强大功能，用于在请求发送前和响应返回后统一处理某些逻辑。在请求发送之前，对请求配置进行统一处理。通过方法注册请求拦截器。${token在响应返回之后，对响应数据进行统一处理。通过方法注册响应拦截器。以下是一个完整的request.ts${
2025-03-19 11:08:19
815
原创 vue中ref解析
ref在 Vue 中的主要作用是创建对 DOM 元素或组件实例的引用，方便在脚本中对其进行操作。获取和操作 DOM 元素。表单验证。与子组件交互：通过ref获取子组件实例，并调用其方法或访问其属性。动态绑定数据：使用v-bind（简写为）动态绑定类名、属性等，根据数据的变化自动更新视图。
2025-03-18 17:21:53
409
原创 Node.js 和 Vite 配置文件中`__dirname`
_dirname是一个全局变量，表示当前模块的目录名。在 Vite 配置文件中，它通常用于构建路径别名，帮助简化文件导入路径和提高代码可维护性。
2025-03-18 15:58:09
541
原创 在 Vue 项目中引入静态图片有多种方式
将图片放在public目录下，直接使用相对路径引用。将图片放在src/assets目录下，使用import语句引入。使用环境变量区分不同环境下的图片路径。动态拼接 URL 处理从接口获取的相对路径。检查和调试以确保图片能够正常显示。通过以上步骤，你可以正确引入并显示静态图片。
2025-03-18 15:20:10
584
原创 axios 和 fetch异同点
axios和fetch都是用于在浏览器和 Node.js 中发起 HTTP 请求的工具，但它们有一些关键区别。以下是它们的异同点，并通过示例说明如何使用它们。
2025-03-17 18:52:39
556
原创 Computed 计算属性 总结
const的作用：防止fullName被意外重新赋值，与响应式无关。computed的响应式性computed返回的引用本身是响应式的，且自动追踪其依赖的refreactive数据的变化，无需手动包裹ref。
2025-03-13 15:00:47
599
原创 响应式数据和双向绑定关系
是密切相关的概念，但它们解决的问题不同，共同协作实现了数据与视图的高效同步。）自动追踪数据变化。当数据变化时，依赖该数据的视图或其他逻辑会自动更新。指令实现，将表单输入（视图）与数据（模型）双向绑定。Vue 的响应式系统通过数据劫持（如。（父 → 子通过 props），但。中实现了双向同步，提升开发效率。（视图到数据）的语法糖。在 Vue.js 中，
2025-03-13 13:34:04
450
原创 对比 Vue2 选项式 API 与 Vue3 setup 语法
逻辑分散，一个功能的代码可能分布在多个选项中。：逻辑内聚，便于复用（通过自定义 Hook）。使用 Composition API 在。函数内按逻辑组织代码，相关功能集中编写。返回对象，Vue 自动递归处理为响应式。, 生命周期钩子等）组织代码。直接在选项中定义钩子（如。（对象）创建响应式数据。访问数据/方法，使用。
2025-03-12 21:31:20
1028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人