2021年9月26日

0react

摘要: vscode 光标左击选中某个变量,然后CTRL+Shift+L 选中所有的目标变量 改名字 react开发依赖 <script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.development.js"></scri 阅读全文

posted @ 2021-09-26 19:02 章画 阅读(63) 评论(0) 推荐(0) 编辑

2021年7月27日

004. vue html模板字符串转为ast(js对象)

摘要: export default function parse(htmlStr) { htmlStr = htmlStr.replace(/^\s+|\s+$/g, '') let i = 0 let rest = htmlStr const startReg = /^<([a-z]+[0-6]?)>/ 阅读全文

posted @ 2021-07-27 17:25 章画 阅读(681) 评论(0) 推荐(1) 编辑

2021年7月15日

03事件模型-发布订阅模式

摘要: vue加入发布订阅模型:就是解耦 发布订阅模式:(形式不限于函数,可以是函数或者对象等) 中间的全局容器,用来存储可以被触发的东西(函数、对象) 需要有一个方法,可以往容器里面传入东西(函数,对象等) 需要有一个方法,可以将容器里面的东西取出来使用(函数调用,对象方法的调用) class Event 阅读全文

posted @ 2021-07-15 20:40 章画 阅读(80) 评论(0) 推荐(0) 编辑

2021年7月14日

000 学习vue源码里面一些处理技巧

摘要: 1函数的拦截 1使用一个临时变量存储原来函数;2重新定义原来函数;3扩展原来函数功能;4原函数执行(注意绑定this)。 更高级的做法是面向切片编程AOP //1 重新定义内置函数 // 重写log方法 比如说只在开发环境下打印日志 const OriginLog = console.log // 阅读全文

posted @ 2021-07-14 14:36 章画 阅读(73) 评论(0) 推荐(0) 编辑

02 响应式原理

摘要: 数组响应式要解决的几个问题: 1:定义defineReactive和reactify函数,生成get/set数据拦截 2:对数组7个变异方法进行重写,让这些变异函数传参也是响应式的。这里就是数组方法的拦截 3:已经将对象改为响应式的了,但是如果直接给对象重新赋值给一个新的对象,新的对象也需要是响应式 阅读全文

posted @ 2021-07-14 14:27 章画 阅读(21) 评论(0) 推荐(0) 编辑

2021年7月10日

my-ts-axios

摘要: 1创建ts项目 create-react-app my-app --template typescript 2装包 yarn add axios @types/axios qs @types/qs parse-headers express body-parser 3.准备后台环境 很简单的node 阅读全文

posted @ 2021-07-10 13:29 章画 阅读(38) 评论(0) 推荐(0) 编辑

2021年7月9日

ts类型保护

摘要: 类型保护:就是一些表达式或者关键字在编译时候就能确定在某个作用域内变量的类型 关键字有:if-else typeof instanceof prop in obj a is b is语法 typeof instanceof interface IDoubleFunc { (input: string 阅读全文

posted @ 2021-07-09 16:49 章画 阅读(232) 评论(0) 推荐(0) 编辑

ts类型兼容性

摘要: ts的类型兼容性是基于结构类型的。 结构类型是一种只使用其成员来描述类型的方式。(大白话:看属性兼容) 如果传入的变量A和声明的类型B不匹配,ts会进行兼容性检查 只要用户传入变量A中的属性>=在源类型B要求的属性,那么认为就是兼容的 //接口的兼容性 interface Animal { name 阅读全文

posted @ 2021-07-09 16:38 章画 阅读(429) 评论(0) 推荐(0) 编辑

2021年7月8日

0proxy/reflect

摘要: aa 阅读全文

posted @ 2021-07-08 15:09 章画 阅读(20) 评论(0) 推荐(0) 编辑

toRefs/toRef/unref/customRef

摘要: toRefs(reactiveObj) 解构reactive对象,返回对象中的属性都转为refs.保持数据响应式解构不丢失。 const info4=reactive({name:'zs',age:10}) // let {name,age}=info4 //直接解构失去了响应性 这是错误的写法 需 阅读全文

posted @ 2021-07-08 15:03 章画 阅读(319) 评论(0) 推荐(0) 编辑

导航