摘要: 简介 provide可以向所有子孙组件提供数据以及提供修改数据的方法,子孙组件用inject使用数据。 使用方法 我们用一个例子来介绍provide, inject的使用。父组件的info, data数据传递给子组件以及孙子组件,同时父组件传递一个可以更新数据的方法。 父组件: <template> 阅读全文
posted @ 2021-09-29 15:06 攀登高山 阅读(2203) 评论(0) 推荐(1) 编辑
摘要: 核心概念 Store Store就是一个仓库,它存储了所有的状态(State)。 State state 就是一个普通的对象(plain object)。 { todos: [{ text: 'Eat food', completed: true }, { text: 'Exercise', com 阅读全文
posted @ 2021-08-28 07:46 攀登高山 阅读(127) 评论(0) 推荐(0) 编辑
摘要: em 很多同学会认为em相对于父元素的字体大小,但是实际上,相对于谁取决于应用在什么CSS属性上。对于font-size来说,em是相对于父元素的字体大小;在line-height中,em却是相对于自身的字体大小。 rem rem 相对于根节点html的字体大小。 vw vw 相对于视口宽度。 vh 阅读全文
posted @ 2021-08-15 15:42 攀登高山 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 居中元素定宽高 abosolute + 负 margin 元素偏移后,再修正元素自身宽高的一半,及可实现剧中显 CSS .wp { border: 1px solid red; width: 300px; height: 300px; position: relative; } .box { bac 阅读全文
posted @ 2021-08-09 21:15 攀登高山 阅读(66) 评论(0) 推荐(0) 编辑
摘要: window.postMessage() 方法可以安全地实现跨源通信。 API访问地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage 最近有个需求,在父window 点击树节点信息的时候,把信息传递到ifram 阅读全文
posted @ 2021-08-09 20:30 攀登高山 阅读(1627) 评论(0) 推荐(0) 编辑
摘要: Router 的 类型 BrowserRouter, HashRouter : https://reactrouter.com/web/example/basic MemoryRouter:https://reactrouter.com/web/api/MemoryRouter StaticRout 阅读全文
posted @ 2021-08-06 12:39 攀登高山 阅读(107) 评论(0) 推荐(0) 编辑
摘要: Promise其实是一个构造函数,我们可以使用这个构造函数创建一个Promise实例。该构造函数很简单,它只有一个参数,按照Promise/A+规范命名,我们把Promise构造函数的参数叫做executor, 它是函数类型的参数。这个函数又自动具有resolve, reject两个方法作为参数。 阅读全文
posted @ 2021-07-26 22:49 攀登高山 阅读(393) 评论(0) 推荐(0) 编辑
摘要: [] 什么是JWT JWT 的原理 JWT的数据结构 JWT的使用方法 以上的内容在阮一峰的博客文章介绍中都能找到。 接下来,我们介绍下node jsonwebtoken的使用。 node jsonwebtoken npm 包地址:https://www.npmjs.com/package/json 阅读全文
posted @ 2021-04-16 09:58 攀登高山 阅读(262) 评论(0) 推荐(0) 编辑
摘要: [] 首先介绍multirepo, monorepo概念。 multirepo multirepo, 顾名思义,就是将应用按照模板分别在不同的仓库中进行管理。 monorepo 而monorepo就是将应用中的所有模块一股脑儿全部放在同一个项目中,不需要单独发包,测试,且所有代码都在一个项目中管理, 阅读全文
posted @ 2021-04-12 07:02 攀登高山 阅读(717) 评论(0) 推荐(0) 编辑
摘要: [] 索引类型就是通过隐射类型可以把一个旧的类型生成新的类型。 只读索引类型 比如把一个类型的所有属性变成只读。下面来看一个例子。 interface Obj { a: String; b: number; c: boolean } type ReadyonlyObj = readonly<Obj> 阅读全文
posted @ 2021-03-31 07:35 攀登高山 阅读(93) 评论(0) 推荐(0) 编辑