摘要: 掘金:https://juejin.cn/user/1908407918660871/posts 阅读全文
posted @ 2022-04-24 13:01 Godfi 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 给定两个二叉树,编写一个函数来检验它们是否相同。 如果两个树在结构上相同,并且节点具有相同的值,则认为它们是相同的。 示例 1: 输入: 1 1 / \ / \ 2 3 2 3 [1,2,3], [1,2,3] 输出: true 示例 2: 输入: 1 1 / \ 2 2 [1,2], [1,nul 阅读全文
posted @ 2021-12-15 14:48 Godfi 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 前言 ref和reactive的区别 reactive内部采用的proxy,ref内部采用的是defineProperty ref也可以放对象,只是取值的时候需要多取一层,如果是对象用reactive更加合理 reactive你如果放普通类型,也就是非对象会直接返回,这个原因可以从我之前的博文中查找 阅读全文
posted @ 2021-09-12 18:43 Godfi 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 前言 设置方法中比获取要复杂一些,有很多种情况,下面我将一一详细讲解 createSetter 第一步 我们先去扩充一下工具方法,方便后面使用 我们要区分是新增的还是修改的,因为有可能是数组,所以要考虑数组的情况 获取老值,如果老值有,那说明是修改的逻辑,如果没有那就是新增 判断当前target是否 阅读全文
posted @ 2021-09-12 16:44 Godfi 阅读(189) 评论(0) 推荐(0) 编辑
摘要: effect effect方法是响应式的核心,叫做副作用函数。初始会默认执行时会进行取值操作,只要取值就会调用get方法,我们就可以将对应的effect函数存放起来,等会我们去更新effect函数内部所依赖的状态数据时,就去调用一开始存对应的effect函数,视图就进行了更新 注:state与eff 阅读全文
posted @ 2021-09-10 16:06 Godfi 阅读(488) 评论(0) 推荐(0) 编辑
摘要: reactive 可以将一个对象编程响应式的,不管有多少层 shallowReactive 可以将一个对象编程响应式的,只管第一层 readonly 属性不能去更改,只能读,多少层都不能改 shallowReadonly 既能读还只关系第一层,除了第一层,其它随便改 核心方法 第一步: 注: 根据传 阅读全文
posted @ 2021-09-10 10:18 Godfi 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 不可变数据集 objA与objB共享数据状态 immutable是尽可能复用老的节点 安装 Map 类似对象 例子: 将一个普通一层对象转成Map: 每次操作都会返回一个新的对象 将多层对象转成Map: 不相等,不是同一个引用地址 用来判断就能判断两个map是否一样 List 类似数组 用途: im 阅读全文
posted @ 2021-08-27 09:26 Godfi 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 子应用之间样式隔离: Dynamic StyleSheet 动态样式表,当应用切换时移除老应用样式,添加对应的子应用新样式 主应用和子应用之间的样式隔离: BEM(Block Element Modifier) 约定项目前缀,也就是每个子应用有自己独立的样式前缀 CSS-Modules 打包时生成不 阅读全文
posted @ 2021-07-26 17:02 Godfi 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 一、构建子应用 注: #vue:挂在到父应用中的id为vue的标签中 注:导出的三个方法是协议接入,我定好了协议,父应用会调用这些方法 注:我们需要父应用加载子应用,将子应用打包成一个个的lib去给父应用使用 注:配置子路由基础路径 二、配置库打包 在vue.cpnfig.js中配置 注:umd模式 阅读全文
posted @ 2021-07-15 09:45 Godfi 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 一、什么是微前端? 微前端就是将 不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。 微前端的核心在于拆,拆完之后再合 二、为什么去使用他? 不同团队间开发同一个应用技术栈不同怎么破? 希望每个团队都可以独立开发,独立部署怎么破? 项目中还需要老的应用代码怎么破? 我们是不是可以 阅读全文
posted @ 2021-07-14 19:12 Godfi 阅读(178) 评论(0) 推荐(0) 编辑