- 博客(9)
- 收藏
- 关注
RSS订阅
1原创 vue3 nextTick源码探究
nextTick简单来说就是在dom元素渲染完成后去执行的函数深层级来讲，就是vue3的异步更新策略，实现原理是使用将cb添加到微任务队列中（准确添加到组件更新函数之后），在组件更新函数执行后，patch也就执行了，dom元素也就更新了，自然再执行cb的时候可以拿到最新的状态。
2024-03-06 14:26:59
195
原创 Compsition API 源码层面解析
前面有一篇关于vue初始化流程的文章中提到在初始化的时候，首次执行patch会执行processCompnent, 内部调用mountComponent,里面有一个叫 setupComponent 的方法，就是composition API研究的起点。执行时刻早于beforeCreate created之类的传统生命周期狗子，实际上在setup函数执行的时候，组件的实例已经创建了,所以我们在setup中使用beforeCreated created是没有意思的。setup对应的生命周期。
2024-03-01 23:10:02
927
原创 Vue3更新流程
queueJob：就是将组件的更新函数（也就是effect.update --> run --> componentUpdateFn）放入到更新队列中。vue3更新流程分析，下面的无论是代码分析还是流程图都不会太往深走，会乱；其中涉及到的其他重要东西，比如响应式，编译器…后面重新写文章去分析。下面所有的代码都是经过简化处理过的，和更新流程不相干的我都会剔除掉，避免理解混乱。所在的函数：setupRenderEffect。这里咱们按照两个方面去分析。
2024-03-01 10:48:09
246
原创 Nodejs
什么是nodechrome V8 runtime事件驱动非阻塞i/o优点：高并发特别好（在python出来之前并发问题node是处理最好的，python强于node）i/o：input output 输入输出流 正常情况下i/o的操作都是阻塞的，相当于同步的ajax为什么要学node防止甩锅前端在前后端交互中，可以明确到底是前端储问题还是后台出问题，省的后台爸爸甩锅到前台...
2019-10-09 16:34:18
171
原创 Vue+elementui实现表单验证
这里希望读者去阅读一下elementui手册中关于表单组件这一部分添加链接描述elementui中有封装好的方法去实现表单验证1.在el-form中添加rules验证，在el-form-item中添加prop，这里一定一定要注意prop的值必须要和v-model绑定值相同，实例代码如下2.接下来在data中添加表单验证规则这里required是必填的意思，那么就会有人问，如果我想自定义...
2019-08-10 14:28:52
1452
原创 vue手写loading组建及使用
在vue目录下的components文件夹下写loading.vue公共组件loading组件html部分css部分使用在需要的组件中使用import引入即可，代码如下在vue声明xia，代码如下最后在html中，写如下代码这里使用v-show控制其显示隐藏...
2019-08-09 11:16:12
550
原创 Apache安装与配置
安装点击我同意，进行下一步for All Users,on Port 80,as a Service – Recommended所有人都可以访问，80端口only for the Current User,on Port 8080,when started Manually仅仅用于个人主机，不允许外部访问，8080端口安装模式选择为自定义模式选择安装路径，这里我把路径选择为...
2019-08-07 12:50:22
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人