平平丶淡淡

摘要： 一、什么是响应式数据 响应式数据是指当数据发生变化时，相关的视图或组件会自动更新，保持与数据的同步。这样的设计使得开发者能够更方便地管理和更新数据，无需手动操作DOM或显式地更新视图。当数据发生变化时，所有使用该数据的地方都会自动更新。 二、观察者模式 观察者模式定义对象间的一种一对多的依赖关系，当 阅读全文

摘要： 一、前言 这篇文章结合Vue2.7.16的源码和一个Vue2的项目，来详细讲解Vue2实现响应式数据的核心代码 1.1 准备 安装@vue/cli npm install -g @vue/cli 创建vue项目 vue create vue2-test 修改Vue实例的配置对象 二、响应式处理的入口 阅读全文

摘要： 一、节流 在JavaScript中，节流（throttle）是一种常用的性能优化技术，用于限制某个函数在一定时间内的执行频率。具体来说，节流函数允许你在一段时间内只执行一次回调函数，即使在这段时间内触发了多次事件。这有助于防止因为频繁触发事件而导致的性能问题。 节流的实现原理是，在事件被触发后，一个 阅读全文

摘要： 一、什么是防抖 防抖（Debounce）是一种用于减少特定事件触发频率的技术。在编程中，它通常用于确保函数或方法不会在很短的时间内被频繁调用，这有助于优化性能并避免不必要的计算或操作。 防抖的实现原理是，在事件被触发后，一个定时器会被设置。如果在定时器完成之前，相同的事件再次被触发，那么原来的定时器 阅读全文