使用nodeJs获取github用户头像
准备工作
github 源码
创建一个空目录,并初始化 yarn init -y
安装两个必要插件 yarn add request cheerio
安装处理时间的库 yarn add moment tip(可以不装,自己处理时间)
本 ...
vscode 中使用 vim
使用步骤如下
安装vim插件
打开 vscodesetting.json文件,添加
123456789101112131415161718192021222324252627282930{ "vim.visualMo ...
mini-vue3 实现computed计算属性
实现 computed 计算属性
computed计算属性只在相关响应式依赖发生改变时它们才会重新求值。如果响应式数据发生变化,则计算属性会依据它所依赖的数据进行重新计算,并拥有缓存机制
单测12345678910111213141516 ...
mini-vue3 实现isRef&unRef&proxyRefs函数
实现 ref 函数
isRef 判断一个数据是否是用 ref 声明的响应式数据
单测1234567891011//reactivity/__test__/ref.spec.ts...it('isRef', () =&g ...
mini-vue3 实现ref函数
实现 ref 函数
ref其实和reactive一样,都是创建响应式数据的方法。只不过 ref 是一个单值,只能用 .value 去获取或者修改。
单测1234567891011121314151617181920212223242526 ...
mini-vue3 实现 isProxy函数
实现 isProxy
isProxy检查一个对象是不是通过 reactive 或者 readonly 创建的响应式对象,实际上就是 isReactive 和 isReadonly 的结合体
实现 isProxy 功能单测123456789 ...
mini-vue3 实现shallowReadonly函数
实现 readonly 只读功能
shallowReadonly把对象表层转换成readonly类型,当项目太过庞大时,有些数据没必要全部转换响应式对象,从而实现一定的程序优化。
单测1234567891011121314151617// ...
mini-vue3 实现isReactive&isReadonly函数
实现 isReactive
isReactive判断传入的对象是否是reactive包裹的响应式对象
实现 isReactive 功能单测123456789//reactivity/__test__/reactive.spec.ts... ...
mini-vue3 实现readonly只读函数
实现 readonly 只读功能
readonly顾名思义就是一个只读功能,不能修改
单测12345678910//reactivity/__test__/readonly.spec.tsimport { readonly ...
mini-vue3 实现effect的stop功能
实现 effect 的 stop 功能
stop 功能把 effect 实例从依赖收集中清除
单测123456789101112131415161718192021222324252627282930313233//reactivity/ ...