- 博客(9)
- 收藏
- 关注
RSS订阅原创 Jenkins + Docker + Gitlab 无镜像仓库部署前端项目
本文介绍了一种无需私有Docker镜像仓库的前端项目自动化部署方案，通过Jenkins+Docker+Gitlab实现CI/CD流程。方案核心步骤包括：代码提交触发构建→Jenkins拉取代码→构建Docker镜像→导出为tar包→SSH传输到服务器→远程加载镜像→启动容器。文章详细说明了Jenkins插件配置、SSH服务器设置、Docker多阶段构建方法，以及Jenkinsfile流水线脚本的五个关键阶段。
2026-07-03 15:49:59
245
原创 Ubuntu安装Docker、Jenkins2026年版
整理了基于 Ubuntu 使用 Docker 部署 Jenkins 的完整流程。覆盖 Docker 镜像加速器配置、Jenkins 插件更新中心替换、以及高频报错问题的解决方案。
2026-06-29 20:24:12
265
原创 qiankun微前端项目样式隔离及样式穿透问题及解决方案
本文介绍了微前端中Vite子应用的样式隔离解决方案，重点分析了sandbox样式隔离的局限性，并针对Vite子应用提出了通过postcss-prefix-selector添加专属前缀的方案。同时探讨了主应用样式穿透问题及解决方案，特别详细说明了Element Plus自定义命名空间的实现方法：创建命名空间配置文件、配置Vite全局注入和使用ElConfigProvider组件设置运行时命名空间。文章还提供了常见问题的排查方法，最终实现Vite子应用与主应用的样式隔离。
2026-06-24 01:23:56
369
原创 vite+qiankun+vue3微前端应用
本文介绍了基于vite+qiankun+vue3的微前端落地方案。在基座应用中通过registerMicroApps静态注册子应用，并启动qiankun；子应用中需配置vite插件vite-plugin-qiankun，并区分独立运行和微前端模式。最后通过访问特定路径验证子应用是否正常挂载。该方案实现了主应用与子应用的解耦，支持多技术栈共存。
2025-09-18 23:01:11
352
原创 在基于Vite+Vue3的项目中配置自动按需导入自定义组件、ElementPlus组件及图标库
【代码】在基于Vite+Vue3的项目中配置自动按需导入自定义组件、ElementPlus组件及图标库。
2025-06-24 00:49:55
565
原创 WebSocket
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);};// 监
2021-05-09 21:17:27
191
原创 事件循环
事件循环JavaScript代码执行机制所有同步任务都在主线程的栈中执行主线程之外,还存在一个任务队列。当异步任务有了运行结果，就会在任务队列中放置一个事件。当栈中的所有同步任务执行完毕，系统就会读取任务队列，选择出需要首先执行的任务（由浏览器决定）宏任务与微任务MacroTask(宏任务): setTimeout, setInterval, requestAnimationFrame, I/OMicroTask(微任务):process.nextTick, Promise.th
2021-05-09 16:43:40
168
原创 ES6中的装饰器
装饰器装饰器（Decorator）是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。（引用自《ECMAScript 6 入门》）用于装饰类function demo(target) { console.log('name:', target.name); target.isDemo = true;}@democlass Example { sayHi() { console.log('Hi')
2021-05-09 15:40:37
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人