- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
725
原创 vue.js学习笔记：生命周期
1、生命周期1、生命周期是个很抽象的概念，但是在vue中可以理解为把vue从创建到销毁的一个个生命结点，生命周期函数实际上就是生命周期的具体化。当vue实例处于某个节点的时候去自动调用这些函数。2、生命周期函数1、beforCereatvue实例被创建，但是数据代理还没有，也无法访问data里面的数据和methods里的方法；2、Createdvue里存在了...
2022-04-10 02:36:17
153
原创 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
160
原创 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
738
原创 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
1035
原创 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
1132
原创 使用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
4681
原创 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
1340
使用vue.js制作钢琴，支持键盘和鼠标弹奏
2022-04-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人