- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 vue.js学习笔记:对虚拟DOM的理解
1、虚拟DOM1.1本质虚拟dom其实就是一个普通的js对象,这个对象将vue模板内的标签、属性、数据写成对象的格式,同时将vue实例中的data和methods结合起来,添加到需要的标签对象属性中。1.2虚拟dom转真实dom我们从虚拟dom对象中读取标签名称属性,然后利用createlement创建元素,元素名称属性就从dom里面得到。1.3更新当数据发生改变,自动会根据新的数据生成新的虚拟dom,然后跟原来的虚拟dom做对比,如果某个元素变了,就对某个元素进行相应的操作,如果没
2022-04-10 02:51:51 767
原创 vue.js学习笔记:生命周期
1、生命周期1、生命周期是个很抽象的概念,但是在vue中可以理解为把vue从创建到销毁的一个个生命结点,生命周期函数实际上就是生命周期的具体化。当vue实例处于某个节点的时候去自动调用这些函数。2、生命周期函数1、beforCereatvue实例被创建,但是数据代理还没有,也无法访问data里面的数据和methods里的方法;2、Createdvue里存在了...
2022-04-10 02:36:17 201
原创 vue.js学习笔记:双向绑定Object.defineproperty()
1、Object.defineproperty()基本用法Object.defineproperty(para1,para2,para3)为对象添加属性,para1为要添加属性的对象名称,para2为要添加的属性名称,para3为属性的值,以及这个值的属性(包括能否删除、修改、遍历等)var student={ name:'wdx', school:'csu' } Object.defineProperty(student,'ID',{
2022-04-09 04:03:01 211
原创 vue.js学习笔记:audio标签实现钢琴弹奏
1、钢琴键盘布置1、html代码,在键盘内绑定CSS类white、black,用于切换当该键按下松开时的样式,使用v-on监听鼠标事件;<div id="app"> <!-- 钢琴键盘布局 --> <ul :style="{color:fontcolor}" @mouseup="presskey('up')"> <li><div :class="{white:index==1}"@mousedown="press
2022-04-06 23:36:52 817
原创 javascript学习笔记:手写简单Promise
1、基本功能1、new一个example实例的时候,通过a函数使得该实例获得一个执行成功后的值12、在使用then的时候传递一个函数参数on(re){}进去,在then内部会将上一步执行成功的值作为实参传进这个函数on,从而实现在执行一个函数后将结果传给它的回调函数的功能。class example{ constructor(fc){ this.p=null fc(this.a.bind(this))//传进来一个函数参数fc(a){a(1)},用thi
2022-04-04 19:52:04 1083
原创 javascript学习笔记:call、apply、bind函数
1、call()函数call函数参数为call(p1:object,p2,p3,p4,...),根据以下代码解释:1、call函数第一个参数是一个对象c2、使得函数a在调用call函数时,a中的this指向了call第一个参数,也就是对象c3、当a.call(c,1)执行时,a中的this.i实际上是c.i,call后面的参数则是给其他变量正常赋值,如1赋值给j,其实就是给函数a的形参赋值;4、由上可知,当一个函数中没有this,call是没有意义的5、call函数实...
2022-04-04 04:18:38 1186
原创 使用axios+node.js实现读取修改本地json文件,前后端交互
直接使用以下代码1、前端代码1.1、html文件,axios直接使用cdn<!DOCTYPE html><html><head><meta charset='utf-8'><title>test</title><script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script><script src
2022-04-03 22:44:19 4774
原创 Javascript 变量声明提升和函数声明提升
1、变量声明提升在C++、java中必须先声明变量才能在后面使用这个变量,但是在JS中,无论在该作用域中的哪个位置声明变量,都会被提升到顶部,但是变量定义不会跟着提升;console.log(person1)//undefined变量没有定义console.log(person2)//person2 is not defined变量没有声明var person1var person1虽然声明在最后,但是在编译时被提升到了顶部;var person1 console.log
2022-03-26 21:48:14 1364
使用vue.js制作钢琴,支持键盘和鼠标弹奏
2022-04-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人