CSS3 动画 当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器: 规定动画的名称 规定动画的时长 <style> div.div1:hover { animation: myfirst 2s; //设置动画名称和 ...
分类:
Web程序 时间:
2020-04-11 22:22:17
阅读次数:
159
支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。比如: 无效,改为: ...
分类:
其他好文 时间:
2020-04-08 20:55:17
阅读次数:
60
先了解一下,在 vue 中,有很多内置的指令. 比如: v-for 用于遍历 v-if & v-show 用于隐藏和显示元素(区别在于后者是修改 display:block|none,前者是不创建把元素从dom中删除或者创建. v-bind: 属性绑定,把数据绑定在HTML元素的属性上. v-htm ...
分类:
其他好文 时间:
2020-04-03 19:44:35
阅读次数:
87
这次利用闲余时间了解使用了v-model组件,v-model是一个双向绑定的组件,所谓双向绑定就是交互双方都可绑定。v-bind属性绑定是单向绑定 废话少说,上代码。以下实例主要是做了一个简易计算器。主要用意在于体验一下v-model双向绑定,其他的不重要。 要是小白拿来调试,其中有几个注意的点: ...
分类:
Web程序 时间:
2020-04-03 00:49:14
阅读次数:
93
断更了很长时间,最近有时间开始前端vue学习,vue这种VM的中间体,结合es6,适合现在代码快速开发。 前期主要做了几个案例,主要用到的vue组件:v-bind缩略写法为:(缩写为冒号)v-bind 主要用于属性绑定, v-on缩写为@ v-on大多数用在绑定事件。 v-text用于操作纯文本,替 ...
分类:
Web程序 时间:
2020-03-23 20:42:26
阅读次数:
117
一、引入 谈及Vue中的数据双向绑定,我们自然而然的想到是通过v-model指令实现的。但具体是怎么实现的呢?下面就介绍一下。 二、v-model语法糖是什么?原理是什么? v-model语法糖是vue多个基础语法(属性绑定 和事件绑定)的简写。 原理:给表单元素input绑定通过"v-bind:" ...
分类:
其他好文 时间:
2020-03-22 14:05:56
阅读次数:
70
v for循环的时候,key属性只能使用number获取string key在使用的时候,必须使用v bind属性绑定的形式,指定key的值,绑定的是循环的那个对象。 代码示例: ...
分类:
其他好文 时间:
2020-03-15 17:31:55
阅读次数:
47
一、vue属性绑定 在vue中,是通过v-bind 属性绑定来实现给元素绑定style样式。 其中有两种方式,一种是通过绑定class类绑定样式,另一种是通过内联样式来实现样式的绑定。 二、绑定class样式 1. 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1< ...
分类:
其他好文 时间:
2020-03-13 19:00:43
阅读次数:
69
实现数据的双向绑定: 1、实现一个监听器 Observer ,用来劫持并监听所有属性,如果属性发生变化,就通知订阅者; 2、实现一个订阅器 Dep,用来收集订阅者,对监听器 Observer 和 订阅者 Watcher 进行统一管理; 3、实现一个订阅者 Watcher,可以收到属性的变化通知并执行 ...
分类:
其他好文 时间:
2020-02-21 12:39:38
阅读次数:
60
1、模板语法 在标记内通过模板语法:{{}}进行数据的绑定。 {{}}内支持变量,方法名,计算属性,表达式,不支持语句。 {{}}将数据解析为纯文本,如果需要解析为html,需要在标记上增加v-html指令。 2、属性绑定 在标记上,为标记属性绑定Vue数据时,不允许用模板语法,如下方式是不合法的。 ...
分类:
其他好文 时间:
2020-02-01 16:27:44
阅读次数:
67