旺王雪饼 www-CSDN博客

原创 Vue2 插槽（Slot）全面讲解

Vue插槽是子组件预留的占位符，允许父组件动态插入内容，实现组件内容定制化。主要分为三类：1）默认插槽（匿名插槽），用于基本内容填充；2）具名插槽，通过name属性实现多位置内容分发；3）作用域插槽，通过v-slot接收子组件数据，实现父子组件数据交互。插槽机制解决了组件内容灵活定制的问题，使组件复用性更强，同时保持结构稳定性。

2025-12-28 16:49:45 228

Vue2组件化开发与生命周期详解 Vue2组件化是将页面拆分为独立、可复用的功能模块，通过组合组件构建完整页面，具有复用性、可维护性等优势。每个组件都经历"创建->挂载->更新->销毁"的生命周期，Vue在关键节点自动触发对应钩子函数： created阶段：初始化数据，发起不依赖DOM的请求 mounted阶段：操作DOM（初始化插件）、获取元素尺寸、绑定DOM事件 beforeDestroy阶段：清理定时器、解绑事件、销毁第三方库特殊场景下，被<keep-al

2025-12-20 20:41:17 570 1

原创 JS 异步难题总结

Promise是异步编程的一种解决方案，能够解决回调地狱的问题pending: 初始化状态fulfilled: 操作成功rejected：操作失败只能从 pending 状态到 fulfilled或者 rejected。状态一旦发生，就不会改变，具有不可逆性then()接收 fulfilled 状态的回调catch()接收rejected 状态的回调finally()无论成功或者失败都会执行;返回一个fulfilled 状态的 Promise;

2025-12-15 17:52:40 247

原创 Vue2组件通信全解析：父传子与子传父实战指南

methods: {// 触发自定义事件并传递数据<p>当前计数: {{ count }}</p>-- 监听子组件触发的事件 -->

2025-12-08 14:48:20 355

原创字符串，数组，对象的常用方法

本文介绍了JavaScript中字符串、对象和数组的常用方法及实际应用。字符串方法包括slice()用于截取、indexOf()定位字符、replace()替换内容；对象方法如Object.keys()获取键名、hasOwnProperty()检查属性；数组方法map()转换元素、filter()筛选数据、reduce()聚合运算。每个方法都配有基础示例和实用场景，如日期格式化、表单验证、数据搜索等，帮助开发者高效处理常见编程任务。这些方法组合使用能显著提升JavaScript数据处理能力。

2025-11-29 13:40:15 697

原创 Set 和 Map 的使用

1，Set 的特点：不重复性，（里面的数据没有重复的值）.：元素的遍历顺序 = 元素的添加顺序.：Set 是「值的集合」，不像对象有「键值对」结构，遍历直接获取元素本身.

2025-11-23 08:53:32 936

原创 await 的使用

ES6中的await用法详解 await是ES6异步编程的核心语法，必须配合async函数或在ES模块顶层使用。其功能是暂停async函数执行，等待Promise完成：成功时返回结果，失败时抛出异常需用try/catch捕获。典型使用场景包括：处理单个异步请求（如API调用）错误处理（结合try/catch）并行异步操作（推荐Promise.all代替顺序await）模块顶层初始化（直接加载配置资源）注意事项：不支持单独使用顺序await会延长执行时间模块环境需设置type="mo

2025-11-16 09:10:29 363

原创 prototype,constructor,proto讲解

prototype是函数独立拥有的属性（箭头函数除外,他没有 prototype 属性)，被称为原型对象.当函数作为构造函数（通过 new 关键字创建实例时），构造函数的prototype 会成为所有实例的原型———实例会继承prototype 上的属性和方法.所有实例都可访问。promise 的指向问题。

2025-10-26 16:13:01 336

原创 JS防抖和节流

摘要：本文介绍了防抖和节流两种优化高频事件触发的技术。防抖通过延迟执行，确保函数只在事件停止触发后执行（如输入框搜索）；节流则限制函数在一定时间间隔内只执行一次（如滚动事件）。两种方法都使用了闭包和定时器技术，能有效减少冗余执行，提升性能。文章详细说明了实现原理和代码示例，并推荐了lodash库的现成解决方案。适用于表单验证、窗口调整、滚动监听等场景，能显著改善用户体验。

2025-10-17 19:44:31 845

原创 ES6 小分享：class 语法，让面向对象编程更简单

ES6 class语法摘要 ES6引入的class语法是JavaScript面向对象编程的语法糖，简化了传统原型链写法。核心特点：通过class关键字定义类，constructor方法初始化属性方法直接定义在类内部，无需prototype绑定使用extends实现继承，super()调用父类构造函数 static定义静态方法，通过类名直接调用支持方法重写，子类同名方法覆盖父类方法优势：代码结构更清晰，继承逻辑简化，更接近其他面向对象语言风格，适合创建可复用的组件和工具类。注意子类construct

2025-10-12 11:34:36 325

原创 Promise 入门：从回调问题到链式调用

Promise是解决JavaScript异步编程问题的核心工具，主要作用包括：1）通过链式调用解决回调地狱问题，使异步代码更易读；2）确保回调只执行一次，避免信任问题。Promise有三种不可逆状态：pending、fulfilled和rejected。基本语法包括创建Promise对象和使用then/catch/finally进行消费处理。Promise构造函数同步执行，then方法异步执行，状态一旦改变就固定不变。相比回调函数，Promise提供了更可靠的异步编程解决方案。

2025-10-04 20:40:28 868

原创事件的冒泡与捕获机制

本文介绍了JavaScript事件流中的冒泡和捕获机制。冒泡是从目标元素向外层父元素传播（默认），捕获则是从外层向内层传播（需设置true）。两者主要区别在于传播方向：冒泡由内向外，捕获由外向内。通过stopPropagation()可阻止事件传播。文中还列举了支持冒泡/捕获的事件（如click、submit等）和不支持的事件（如focus、load等），并提供了代码示例说明如何使用这些机制及阻止传播的方法。

2025-09-27 10:40:03 579

W2004828的博客