摘要: 最近开发了个项目,基座是VsCode插件,通过iframe集成了一个Vue3的子应用,子应用需要很频繁的与基座通讯。 我们可以通过 `parent.postMessage` 来向基座传递消息,通过 `window.addEventListener('message', () => {})`来监听来自 阅读全文
posted @ 2023-06-05 18:54 demo_you 阅读(76) 评论(0) 推荐(0)
摘要: ```typescript import {Spin} from 'antd' import ReactDOM from 'react-dom/client' import type {SpinProps} from 'antd' class Loading { private container 阅读全文
posted @ 2023-05-27 20:23 demo_you 阅读(55) 评论(0) 推荐(0)
摘要: ### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### 阅读全文
posted @ 2023-05-24 11:26 demo_you 阅读(728) 评论(0) 推荐(1)
摘要: 1. 修改Angular CLI webpack 配置 1.1 安装 @angular-builders/custom-webpack npm install -D @angular-builders/custom-webpack 1.2 新建webpack配置文件extra-webpack.con 阅读全文
posted @ 2022-11-30 16:35 demo_you 阅读(1257) 评论(0) 推荐(0)
摘要: 之前在vue2中实现过函数式调用组件,那么在vue3中该如何实现呢? 让我们在vue3中来实现一个函数式调用的组件吧 1. 在/src/components下创建Toast文件夹 在Toast文件夹下创建toast.vue <script setup lang="ts"> import {ref, 阅读全文
posted @ 2022-07-07 18:55 demo_you 阅读(3340) 评论(3) 推荐(1)
摘要: 关于 Web Components 关于 Vue3.2definecustomelementApi 关于 Vue & Web Component 在Vue3.2中实现一个dialog 1. 修改vite.config.ts import {defineConfig} from 'vite' impo 阅读全文
posted @ 2022-06-30 11:22 demo_you 阅读(1246) 评论(1) 推荐(1)
摘要: > 关于[`Web Components`](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components) `Vite`为工程依赖 `Ts`语言开发 ```html open wo cao nb ``` ```typescript /* . 阅读全文
posted @ 2022-06-29 18:28 demo_you 阅读(238) 评论(0) 推荐(0)
摘要: Suspense 组件 Suspense是Vue3.2新增的内置组件,与React.Suspense组件类似。 Suspense有两个插槽:default和fallback default插槽中存放具有深层异步依赖的组件/(异步组件) 当default中的组件状态未变成fulfilled(完成且未抛 阅读全文
posted @ 2022-06-16 12:17 demo_you 阅读(573) 评论(0) 推荐(0)
摘要: Object.entries 的实现 const demo = {a: 1, b: 2} const entries = (o = {}) => { const keys = Object.keys(o) return keys.map(v => [v, o[v]]) } const result 阅读全文
posted @ 2022-05-27 11:38 demo_you 阅读(118) 评论(0) 推荐(0)
摘要: // 默认缓存期限为7天 const DEFAULT_CACHE_TIME = (60 * 60 * 24) * 7 /** * 本地缓存类 * @class Storage */ class Storage { private storage private prefixKey?: string 阅读全文
posted @ 2022-05-23 17:44 demo_you 阅读(361) 评论(0) 推荐(1)