小马Ti的博客

总结过度与动画

多元素过渡使用方法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 属性。通过这种链式连接实现继承。

原型定义在 JavaScript 中，原型（Prototype） 是一种用于实现对象继承的机制。每个对象都与一个原型对象关联，原型对象上可以存储属性和方法，供其他对象共享和继承。原型是 JavaScript 面向对象编程的核心概念。 组成部分1.原型对象：存储可被继承的属性和方法。2.prototype 属性：函数特有的属性，指向其关联的原型对象。3.proto 属性：每个对象都有的内部属性，指向其原型对象（一般不可见）。 结构形式原型是对象的一种关联关系，通常可以用以下方式表示： 12对象（Object） → 原型对象（Prototype） → 更高层原型对象 → ... → null 分类1.普通对象的原型：直接指向 Object.prototype。2.函数的原型：构造函数通过 prototype 提供原型继承。 作用1.提供共享的属性和方法，减少内存占用。2.实现对象的继承机制，支持代码复用。 目的通过共享原型对象上的属性和方法，减少重复代码，实现对象继承，支持面向对象编程。 基本原理原型是一个对象，与其他对象通过 proto 或 prototype...

单文件组件1.创建底层的Vue组件 2.最底层的vue组件由APP组件统一管理 3.在main.js中引入APP组件,创建Vue实例 4.index.html放入模板

动画效果使用方法1.template中写这个123<transition name="hello" appear> <h1 v-show="isShow" >你好啊!</h1> </transition> 2.style中写动画的各种效果包含开始前中后三个部分 1234567891011121314@keyframes atguigu { from{ transform:translateX(-100px) }to { transform:translateX(0) } } .hello-enter-active { animation: atguigu 1s; } .hello-leave-active{ animation: atguigu 1s reverse; }

判断属性是否存在1.判断自身中是否存在可以用hasOwnProperty()方法 2.判断原型链中是否存在可以用’键’ in 对象这个方法

创建Vue脚手架1.安装脚手架全局安装:1npm install -g @vue/cli 2.切换到你要创建项目的目录3.使用命令创建vue项目1vue create 项目名字 4.运行命令npm run serve

列表过滤使用方式第一种(watch) 第二种(computed) 第二种实现方式优先

列表渲染 v-for1.遍历数组 2.遍历对象 3.遍历字符串 4.遍历指定次数