小马Ti的博客

数组监测原理

数据绑定分类1.单项数据绑定v-bind 2.双向数据绑定v-model,v-model只能应用在表单类元素上面. 例子 使用方法

数据代理定义通过一个对象代理另一个对象中的属性的操作 基本原理

收集表单数据

搭建Vuex环境使用方法1.安装vuex插件1npm i vuex@3 2.在创建的vm中配置store 3.创建文件夹store,并在里面创建index.js文件4.使用插件在index.js引入 5.在index.js文件中,创建store并配置配置项actions/mutations/state 6.在main.js中引入store并配置 PS:1.版本需要适配vue2中,只能用vuex3版本 vue3中,只能用vuex4版本 2.卸载vuex1npm uninstall vuex # 卸载

插件先定义后使用

插件定义插件（Plugin）是指一种用于扩展或增强软件功能的小型可插拔模块。它通常基于现有的软件框架或应用程序，提供附加功能而无需修改核心代码。插件可以单独开发和部署，在需要时加载以实现特定的任务或功能。 组成部分1.核心功能代码：插件提供的主要逻辑或服务。2.接口或钩子：插件与主程序之间的连接点，用于交互和通信。3.配置文件：定义插件的属性、依赖项和行为。4.资源文件：如样式、脚本或多媒体资源，支持插件功能实现。 结构形式插件通常包含以下几部分： 1.入口点：插件初始化的逻辑代码。2.功能模块：具体实现的功能代码部分。3.卸载机制：确保插件可以动态加载和移除。 分类根据功能或应用场景，插件可分为： 1.功能扩展类：如浏览器扩展插件（Adblock）。2.界面优化类：如视频播放器皮肤插件。3.开发工具类：如 IDE...

总结过度与动画

多元素过渡使用方法1.编写template模板123456<transition-group name="animate__animated animate__bounce" appear enter-active-class="animate__swing" leave-active-class="animate__backInUp"> <h1 v-show="isShow" key="1">你好啊!</h1> <h1 v-show="!isShow" key="2">你好啊!尚硅谷</h1> </transition-group> 由于是多个,所以transition-group标签下的元素需要加上key属性 2.写对应的style1234567891011.hello-enter,.hello-leave-to{ ...

原型链定义原型链（Prototype Chain）是 JavaScript 中对象通过其原型（__proto__）属性连接起来形成的链式结构。它用于实现继承机制，使一个对象能够访问另一个对象的属性和方法。原型链的终点是 null，即所有对象最终都继承自 Object.prototype。 组成部分1.实例对象：直使用或创建的对象。2.原型对象：每个对象的原型，通过 proto 属性与其关联。3.顶层原型：原型链的终点，即 Object.prototype，其原型为 null。 结构形式原型链形成一种逐级连接的结构： 12实例对象 → 构造函数的原型对象 → Object.prototype → null 分类1.普通对象的原型链：直接指向 Object.prototype。2.自定义构造函数的原型链：包括自定义方法和属性，并最终指向 Object.prototype。 目的通过原型链实现对象之间的继承关系，支持属性和方法的共享，避免重复定义。 基本原理每个对象都包含一个内部属性 __proto__，指向其构造函数的 prototype 属性。通过这种链式连接实现继承。