🗒️ vue3源码学习-6-调度器

经过第5章对于分支切换的操作之后,vue的effect源码就具有了收集需要的依赖,对于改变不必要的数据,不会触发依赖的更新。那么今天就要实现vue3的调度器代码,之前effect只能同步运行代码,无法对于异步操作进行数据更新。 官方的写法是什么样子呢?

🗒️ vue3源码学习-5-分支切换

上篇回顾,核心代码逻辑是通过reactive中的Proxy()来代理一个对象,然后通过get收集依赖,主要操作放在来effect中。那么当我们回顾上一篇的问题。当用户有一个这样当操作

🗒️ vue3源码学习-4-effect编写以及依赖收集

经过上文的响应式编写之后,实现了数据包裹之后变成了响应式数据,用户修改数据的时候能监听到操作。 但是实际编写的响应式reactive.ts中最核心的是Proxy中的get和set方法。为此我们本次需要将核心代码抽离,并且编写effect副作用函数和依赖收集功能,这样函数依赖发生改变,他就重新执行。

🗒️ 前端实现文件下载

前端开发过程中,总会遇到点击链接下载。这个时候可以借助2种方法解决。一种是用a标签的download,第二种是按钮点击之后调用接口来下载。2种方法最好确定文件没有跨域现象。

🗒️ vue3源码学习-3-实现reactivity

经过前面的环境搭建以及项目构建,完成了基础的项目框架,下面学习实现vue3的reactivity。

🗒️ Vue项目中配置vuex版本问题错误

原本旧项目框架的问题,导致打包的内容比较大,vendor这种文件达到了4M,个人感觉是存在一些问题的,想着优化下,正巧同事做了新模版,打包之后整体文件也就在2M左右,太强了,看来vue-cli脚手架还是要研究研究。

🗒️ vue3源码学习-1-生成配置信息

本次主要学习目标是构建一个vue3源码的工程项目。需要用到…….

🗒️ vue3源码学习-2-实现构建流程

通过源码学习笔记1的实验操作,得到了个基础模版。那么接下来,我们需要实现构建流程,让我们的项目能打包运行。

🗒️ 记录一次vue2函数式组件开发+单粒模式

最近遇到个需求,需要一个类似于钉钉头部的菜单栏,因为钉钉的头部可以通过函数来渲染需要组件的样式,以及回调函数。所以,第一眼想到了,用单粒模式来模仿这个。那么我们就需要一个全局组件

🗒️ 如何不通过JS代码实现点击改变颜色

希望只通过css的方法来完成点击改变颜色的需求,这样就不用写冗余的JS代码