彼岸悠扬的博客

本文介绍了基于vite+qiankun+vue3的微前端落地方案。在基座应用中通过registerMicroApps静态注册子应用，并启动qiankun；子应用中需配置vite插件vite-plugin-qiankun，并区分独立运行和微前端模式。最后通过访问特定路径验证子应用是否正常挂载。该方案实现了主应用与子应用的解耦，支持多技术栈共存。

【代码】在基于Vite+Vue3的项目中配置自动按需导入自定义组件、ElementPlus组件及图标库。

H5原生WebSocket使用建立连接步骤创建WebSocket实例链接WebSocket服务器监听消息// 创建实例let ws = new WebSocket('ws://127.0.0.1:3000');// 连接服务器ws.onopen = (e) => { console.log('已连接上服务器'); ws.send('Hello');};// 监听消息ws.onmessage = (e) => { console.log(e);};// 监

事件循环JavaScript代码执行机制所有同步任务都在主线程的栈中执行主线程之外,还存在一个任务队列。当异步任务有了运行结果，就会在任务队列中放置一个事件。当栈中的所有同步任务执行完毕，系统就会读取任务队列，选择出需要首先执行的任务（由浏览器决定）宏任务与微任务MacroTask(宏任务): setTimeout, setInterval, requestAnimationFrame, I/OMicroTask(微任务):process.nextTick, Promise.th

装饰器装饰器（Decorator）是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。（引用自《ECMAScript 6 入门》）用于装饰类function demo(target) { console.log('name:', target.name); target.isDemo = true;}@democlass Example { sayHi() { console.log('Hi')

promise与async、awaitpromise用法promise基本用法let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('p1-ok'); }, 1000);});let p2 = Promise.resolve('p2-ok');p1.then((res) => { console.log(res);// p1-ok return p2;}).then((