首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
学习思考
相关的文章
2022-07-22
Axios 上传文件
摘要 记录一个今天遇到的问题:使用axio上传文件过程中,传入formData数据,然后提示 the request was rejected because no multipart boundary was found。首先,确定这个接口是可以使用的。 如何使用Axios上传文件 首先需要设置A
2022-07-22
7
0
0
学习思考
2022-07-09
vue3源码学习11-h方法和createVnode方法实现
摘要 在实际开发中,经常用到h方法来实现页面,常见的组件中也有render,h这种写法。例如iview的table中 那么h用法也有很多的多样性。例如 h("div",{style:{color: "black"}}) h("div",h('span')) h('div', [h('span'),h
2022-07-09
18
0
0
学习思考
2022-06-26
vue3源码学习10-runtime-dom实现
摘要 前面主要是vue的源码仿写,最主要的是vue的响应式,以及依赖收集。是一个简易版本,和官方源码还是有很多细微差别的,例如数组代理之后改变数组长度,会触发更新之类的。数组还会被收集长度这种依赖关系,以及数组的一些splice,push,shift,unshift,pop这些方法重写,来完成修复一
2022-06-26
6
0
0
学习思考
2022-06-21
vue3源码学习-9-ref的实现
摘要 在页面编写中,之前都是使用reactive来包裹对象,这样对象属性的值改变,其对应的effect包裹渲染动作就会被触发。并且通常有函数解构的操作,例如let people = reactive({name:"张三",age:24}); let {name,age} = people;。如果这么
2022-06-21
8
0
0
学习思考
2022-06-19
vue3源码学习-8-watch
前言 本文学习编写watch功能函数。首先,先去使用下官方的watch做一些简单的小功能测试。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Comp
2022-06-19
15
0
0
学习思考
2022-06-18
vue3源码学习-7-computed的实现
前言 回顾上期的内容,编写了effect中的调度器,主要修改了effect.ts文件。在预览之前的代码的时候会发现一些优化的地方。 在vue代码的需求编辑中,会遇到这样一个例子。例如一个人的姓名分为姓和名,那么我希望在页面上打印出这个人的姓+名,而且在姓或者名改变的时候,页面渲染也会改变。那么就用到
2022-06-18
7
0
0
学习思考
2022-06-13
原生JS编写虚拟滚动
前言 在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面
2022-06-13
9
0
0
学习思考
2022-06-12
vue3源码学习-6-调度器
前言 经过第5章对于分支切换的操作之后,vue的effect源码就具有了收集需要的依赖,对于改变不必要的数据,不会触发依赖的更新。那么今天就要实现vue3的调度器代码,之前effect只能同步运行代码,无法对于异步操作进行数据更新。 官方的写法是什么样子呢? let flag = false;
2022-06-12
7
0
0
学习思考
2022-06-11
vue3源码学习-5-分支切换
前言 上篇回顾,核心代码逻辑是通过reactive中的Proxy()来代理一个对象,然后通过get收集依赖,主要操作放在来effect中。那么当我们回顾上一篇的问题。当用户有一个这样当操作 const {effect,reactive} = VueReactivity; let target = {
2022-06-11
8
0
0
学习思考
2022-06-08
vue3源码学习-4-effect编写以及依赖收集
前言 经过上文的响应式编写之后,实现了数据包裹之后变成了响应式数据,用户修改数据的时候能监听到操作。 但是实际编写的响应式reactive.ts中最核心的是Proxy中的get和set方法。为此我们本次需要将核心代码抽离,并且编写effect副作用函数和依赖收集功能,这样函数依赖发生改变,他就重新执
2022-06-08
8
0
0
学习思考
1
2
3
4