小马Ti的博客

原型定义在 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.遍历指定次数

列表排序在列表过滤的基础上进行排序 通过数组的sort方法来实现排序

分析脚手架结构目录和文件作用12345678910111213141516├── node_modules/ # 存放项目依赖的目录├── public/ # 公共文件目录│ ├── index.html # 页面入口 HTML 文件│ └── ...├── src/ # 源代码目录│ ├── assets/ # 存放静态资源（图片、样式等）│ ├── components/ # Vue 组件│ ├── views/ # 页面级别的组件│ ├── App.vue # 根组件│ ├── main.js # 入口 JavaScript 文件│ └── router.js # Vue Router 配置（如果有）├── .gitignore # Git 忽略文件├──...

函数简化第一种写法1234render(createElement) { return createElement("h1", "你好啊");} 这是一个常规的函数声明方式 第二种写法1234render: (createElement) => { return createElement("h1", "你好啊");} 这是一种箭头函数写法。箭头函数通常用于简化代码，并且具有与常规函数不同的 this 绑定方式。在这里，它做的是与第一种写法一样的事情，只不过是用箭头函数来代替常规函数，返回的是同样的结果。 第三种写法1234render: createElement => { return createElement("h1", "你好啊");} 这种写法省略了箭头函数的括号，通常在只有一个参数时可以省略括号。这个写法和第二种写法是等价的，createElement...