- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端vue自学总结Week09- 实例方法篇之生命周期相关方法
生命周期相关的实例方法有4个，分别是vm.$mount、vm.$forceUpdate、vm.$nextTick和vm.$destory其中，vm.$mount是在跨平台的代码中挂载到Vue原型上，vm.$forceUpdate和vm.$destory方法是在 lifecycleMixin函数中挂载到Vue原型上，vm.$nextTick是在renderMixin函数中挂载到Vue原型上的。
2024-04-21 17:02:05
840
1
原创 前端vue自学总结Week08- 实例方法篇之事件相关方法
作用是移除自定义的事件监听器，如果没有参数，则表示移除所有的监听器；首先，判断传入的事件名是否是一个数组，如果是数组，就表示需要一次性订阅多个事件，就遍历该数组，将数组中的每一个事件都递归调用$on方法将其作为单个事件订阅。$on方法接收两个参数，第一个参数是订阅的事件名，如果是数组则表示订阅多个事件，第二个参数是回调函数，当触发所订阅的事件时会执行这个回调函数。在该函数中，先通过$on方法订阅事件，同时使用的回调函数不是原本的fn，而是子函数on,也就是当事件event被触发时，执行子函数on。
2024-04-14 22:10:11
906
1
原创 前端vue自学总结Week07- 实例方法篇之数据相关方法
原理：因为对于object类型的数据，向其中添加一对新的key/value或者删除已有的key/value时，Vue是无法观测的，而且对于Array类型，通过数组下标修改数据时，Vue也是无法观测到的，所以有了set方法来解决这个问题。3、如果传入的不是数组，则当做对象来处理，接着获取到target的_ob_属性，该属性为true，则标志着target为响应式对象，如果target是Vue实例，或者是Vue实例的根数据对象，则抛出警告并退出程序。如果不存在，则表示给target对象新增一个新的属性。
2024-04-07 23:39:07
880
原创 前端vue自学总结Week06——生命周期篇（下）
addHandler函数一共做了三件事，第一件是根据modifiers的修饰符，根据不同的修饰符对name进行处理，第二件事是根据modifiers.native判断事件是浏览器的原生事件，还是自定义事件，分别对应el.nativeEvents和el.events，最后再根据name的不同属性，对事件进行归类，并把回调函数的字符串保存到对应的事件中。在对标签进行解析时，判断如果属性是指令，则通过parseModifiers解析出属性的修饰符，然后再判断如果是事件的指令，则通过addHandler（）方法。
2024-03-31 21:15:50
259
1
原创 前端vue自学总结Week05——生命周期篇（上）
1、给实例上挂载$parent属性，如果当前组件不是抽象组件并且存在父级就往上循环，直到找到不是抽象类型的父级时，将其赋值vm.$parent，同时把该实例添加到父级的$children中。从当前组件算起，不断向上游父组件中查找该数据key对应的值，直到找到为止，如果没有找到，那么就看是否设置了默认值，如果设置了就使用默认值，如果没有设置就抛出异常。2、给实例上挂载$root函数，判断当前实例是否存在父级，如果存在，那么当前的根实例$root,就是父级的根实力$root属性，如果不存在，那么就是他自己。
2024-03-24 22:01:26
669
1
原创 前端vue自学总结Week03——虚拟Dom篇
自述总结：通过VNode来更新视图，如何更新呢，首先在视图渲染之前，把已经写好的template模版编译成VNode缓存下来，当数据发生变化后，把变化后的生成的VNode与前一次在缓存里面的进行比较，找出有差异点，差异VNode对应的真实Dom节点就是需要重新渲染的节点位置，根据差异VNode创建出真实Dom节点再插入到视图中，完成视图更新。Dom-Diff：对比两份新旧VNode，并找出差异的过程就是所谓的Dom-DiffDOM-Diff，又称之为patch(补丁)过程，
2024-03-10 20:41:47
884
1
原创 前端vue自学总结 Week02
根据vue数据驱动视图的特点，我们得到一个公式 UI = render（state）;其中UI表示界面（输出），state表示状态（输入），但是输入和输出都是用户确定的，这之中vue所实现的功能就是render（）函数。接着vue如何如何监听到用户输入的state变化，以及如何根据state变化来更新UI界面，JS为刚好提供了Object.defineProperty 方法，
2024-03-03 22:48:59
352
原创 前端vue自学总结 Week01
总结：这些对象都是类对象，或者更大的参与者，只要是同一级别的都可以，画时序图最重要的是理清楚执行的顺序，（T：但是同步情况该怎么画？总结：表示单个对象生命周期状态的变化，比如外卖订单，他可以有用户创建，用户付款，商家接单，骑手接单，待取货，配送中，配送超时，已签收等状态的变化，描述某一对象在不同时间的状态。目标：先从网上找文章看，vue源码的层次，整理出来，然后挨个去看。，主要侧重于类图和类的时序图，而对于复杂的方法逻辑，可以使用方法的活动图进行描述。，看到对应框架版本下的js文件)
2024-01-28 23:09:24
356
原创 有关git查看、切换、删除、合并分支的指令
Git查看远程分支：git branch -r（-r表示remote）删除本地分支：git branch -d 回退分支：回退到上一级：git reset --hard HEAD^1、切换到master分支上：git checkout master。4、合并主分支到自己的分支：git merge master。Git查看全部分支：Git branch -a。切换分支：git checkout 分支名。Git查看本地分支：git branch。★合并master分支到自己分支上。
2023-01-18 10:48:07
230
原创 有关git的问题总结
当本地新创建git分支时，需要与远程分支进行关联，如果没有关联时，git会在在git pull ,git push时添加关联，并出现git branch --set-upstream-to=origin/ develop提示。
2023-01-17 10:20:06
331
原创 ‘rimraf‘ 不是内部或外部命令，也不是可运行的程序解决方案
当项目启动时，报错：'rimraf' 不是内部或外部命令，也不是可运行的程序解决方案。解决方案：npm install rimraf --save-dev。
2023-01-17 10:09:18
4983
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人