自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue的生命周期

Vue的声明周期

2021-05-02 23:54:18 212

原创 事件修饰符

事件修饰符顾名思义,“事件修饰符”是用来修饰事件的。Vue.js为v-on提供了事件修饰符,修饰符是由点开头的指令后缀来表示的。事件修饰符有:.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只当事件在该元素本身(不是子元素)触发时回调.once事件只触发一次1.阻止冒泡...

2021-04-21 21:08:42 2626

原创 Vue基本代码结构

Vue基本代码结构1.引入Vue.js文件<script src="Vue.js"></script>2.创建Vue实例对象 new Vue()var vm=new Vue({ el:"#app", //选择器的名称,表示当前new的Vue实例,要控制页面上的哪一个区域 data:{ //存放el中要用到的数据 msg:'hello world' //指令 }})通过data属性定义数据,这些数据可以在实例对应的模板中进行绑定并使用。

2021-04-15 20:18:23 2211

原创 events事件

events事件鼠标事件:click、mouseup、mousedown、mousemove、mouseout键盘事件:keyup、keydownUI:focus(聚焦)、blur(失焦)注意:事件前面加on—————————————————————————————————————————click(点击):var oapp=document.querySelector("#app"); document.onclick=function(){ alert("hello

2021-04-01 21:43:14 274

原创 var、let和count的区别?

var、let和countvar可重复声明var a="111";var a=2222;console.log(a);//2222可变量提升console.log(a);//var a=undefinedvar a="111";var a=1111;console.log(a);//1111letlet不能进行重复声明{ let b=1212; let b=333; console.log(b);//报错Identifie

2021-03-29 21:34:22 1538

原创 数组的迭代

数组的迭代迭代器:forEach map every some filter(过滤) reduceforEachforEach(function(value,index,arr){})value:数值index:下标arr:原数组var arr2=[3,4,5,6,10,11];arr2.forEach(function(value,index,arr){ console.log(value+"下标"+index+"原数组"+arr);//3下标0原数组3

2021-03-26 21:36:13 94

原创 数组的方法

数组的方法1.pop()这个方法用于删除数组的最后一个元素并返回删除的元素。var arr=[2,7,3,9,5]; console.log(arr.pop());//5 console.log(arr);//[2, 7, 3, 9]2.push()这个方法可以向数组的末尾添加一个或多个元素,并返回新的长度。var arr1=[2,7,3,9,5]; console.log(arr1.push(12,80));//6 console.log(arr1);//[2,

2021-03-26 11:19:56 101

原创 数组的定义、调用、遍历和解构赋值

数组数组对象是使用单独的变量名来存储一系列的值。数组的定义创建一个数组有三种方法:1.常规方法var myArray = new Array( );myArray[0] = 元素1;myArray[1] = 元素2;myArray[2] = 元素3;……实例: var fruit=new Array(); fruit[0]="苹果"; fruit[1]="香蕉"; fruit[2]="橘子"; console.log(fruit[0]);2.简

2021-03-26 10:49:13 343

空空如也

空空如也

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

TA关注的人

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