自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 Vue官方文档学习笔记(三)过渡&动画及可复用性

进入/离开 & 列表过渡 一、概述 1、Vue 在插入、跟新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 1)在 CSS 过渡和动画中自动应用 class; 2)可以配合使用第三方 CSS 动画库,如 Animate.css; 3)在过渡钩子函数中使用 JavaScript 直接操作 DOM; 4)可以配合使用第三方 JavaScript 动画库, 如 Velocity.js; 二、单元素/组件的过渡 1、Vue 提供了 transition 的封装组件,在下列情形中,可以给

2020-07-14 12:35:22 479

原创 Vue 官方文档学习笔记(二)深入了解组件

组件注册 一、组件名 1、注册组件时,需要给组件定义名称,以便后续使用。在W3C规范中,自定义组件名时 字母全小写其必须包含一个连字符。可以避免与当前及未来的HTML元素冲突(除了在字符串模板或单文件组件); 2、组件名大小写:定义组件名的方式有两种: 1)kebab-case:当使用该方式定义组件名时,必须在引用这个自定义元素时使用 kebab-case; 2)PascalCase:在使用该方法定义组件名时,在引用自定义元素时两种命名法都可以使用。但直接在DOM(即非字符串模板)中使用时只有kebab-c

2020-07-14 12:26:39 463

原创 Vue 官方文档学习笔记(一)基础

介绍 一. Vue是什么 1.是一套用于构建用户界面的渐进式框架,Vue被设计可以自底向上逐层应用。 2.声明式渲染:一个Vue应用会将其模板挂在到一个DOM元素上然后对其进行控制,那个HTML就是入口,其余将会发生在Vue实例内部。 1)指令:带有“v-”前缀,以表示其是vue提供的特殊attribute。除了文本差值,可以绑定元素属性对其进行操作。 3.条件与循环 1)条件:v-if,此方法可以将数据绑定到DOM结构上。 2)循环:v-for,可以用来绑定数组的数据来渲染一个项目的列表; 4.处理用户输

2020-07-14 12:08:26 411

原创 vue插槽slot的学习笔记(查了N篇文档的收获)

前言: vue文档不知过了几遍,每次slot看的都是一头雾水。查了很多文档都解决不了自己疑惑的地方,这次终于搞明白了(自认为)。希望和我有同样疑惑的小伙伴可也解惑 正文开始了  一、插槽内容      1、Vue 官网解释:Vue 实现了一套内容分发的 API,其设计来源于 Web Components 规范草案,并将<slot>元素作为承载分发内容的出口;      2、个人理解:在父

2020-07-07 16:11:34 265

原创 ES6学习笔记(二)(feat阮一峰ES6教程)

**内容简介:** 十二、Symbol 十三、Set 和 Map 数据结构 十四、Proxy 十五、Reflect 十六、Promise 对象 十七、Iterator 和 for...of 循环 十八、Generator 函数的语法 十九、Generator 函数的异步应用 二十、async 函数 二十一、Class 的基本语法 二十二、Class 的继承 二十三、Module 的语法 二十四、Module 的加载实现 二十七、异步遍历器

2020-07-03 09:55:30 688

原创 ES6学习笔记(一)(feat阮一峰ES6教程)

内容简介: 一、ECMAScript简介 二、let和const命令 三、变量的解构赋值 四、字符串的扩展 七、数值的扩展 八,函数的扩展 九、数组的扩展 十、对象的扩展 十一、对象的新增方法

2020-07-03 09:45:26 701

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除