首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
Vue
相关的文章
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-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
学习思考
2022-05-28
前端实现文件下载
前言 前端开发过程中,总会遇到点击链接下载。这个时候可以借助2种方法解决。一种是用a标签的download,第二种是按钮点击之后调用接口来下载。2种方法最好确定文件没有跨域现象。 a标签download //点击按钮或者什么,生成a链接,然后将文件地址放在上面 downloadFile(url, f
2022-05-28
7
0
0
学习思考
2022-05-27
vue3源码学习-3-实现reactivity
前言 经过前面的环境搭建以及项目构建,完成了基础的项目框架,下面学习实现vue3的reactivity。 观察官方如何使用 首先修改.npmrc文件 # 解决一个问题 例如vue中有个依赖abc ,那么我们安装了vue就可以直接用abd,有一天vue不依赖abc了,那么你用abc就出错了,未来让这种
2022-05-27
6
0
0
学习思考
2022-05-26
Vue项目中配置vuex版本问题错误
踩坑记录 Uncaught TypeError: Object(...) is not a function 原本旧项目框架的问题,导致打包的内容比较大,vendor这种文件达到了4M,个人感觉是存在一些问题的,想着优化下,正巧同事做了新模版,打包之后整体文件也就在2M左右,太强了,看来vue-cl
2022-05-26
12
0
0
技术分享
2022-05-20
记录一次vue2函数式组件开发+单粒模式
前言 最近遇到个需求,需要一个类似于钉钉头部的菜单栏,因为钉钉的头部可以通过函数来渲染需要组件的样式,以及回调函数。所以,第一眼想到了,用单粒模式来模仿这个。那么我们就需要一个全局组件 组件编写过程 首先我们编写一个基础的vue组件,来作为基础的布局。 <template> <div class
2022-05-20
6
0
0
技术分享
2022-05-15
vue3源码学习-2-实现构建流程
前言 通过源码学习笔记1的实验操作,得到了个基础模版。那么接下来,我们需要实现构建流程,让我们的项目能打包运行。 构建流程 此处我们修改一下tsconfig.json里面的strict为false,暂时不用严格模式 我修改一下packages.json的配置文件,新增一个dev的命令 {
2022-05-15
6
0
0
学习思考
1
2
3