蜗牛snail - 博客园

[置顶] Vue中使用乾坤(qiankun)微应用开发多应用

摘要：乾坤qiankun文档地址：乾坤qiankun文档方法参数值备注 registerMicroApps <Array> name ✅ sub-app 微应用的名称 entry ✅ //localhost:4001 子应用地址 container ✅ #subapp-viewport 微应用的容器节点阅读全文

posted @ 2026-04-17 14:59 蜗牛snail 阅读(7) 评论(0) 推荐(0)

[置顶] Vue中使用京东micro-app进行前端微应用（多应用开发）

摘要：京东micro-app文档地址：京东micro-app文档名称是否必填值说明 name 是应用名称 <micro-app name='xx'> url 是应用地址 <micro-app url='xx'> baseroute - ‘’ 设置子应用的基础路径 baseroute='/my-pag 阅读全文

posted @ 2026-04-17 14:46 蜗牛snail 阅读(24) 评论(0) 推荐(0)

2026年4月17日

vue-i18n 国际化实现

摘要：一、vue-i18n 基础搭建 #安装依赖 npm install vue-i18n@11 #配置实例创建 i18n 实例并全局挂载： // src/locales/index.js import { createI18n } from 'vue-i18n' const i18n = create 阅读全文

posted @ 2026-04-17 15:04 蜗牛snail 阅读(13) 评论(0) 推荐(0)

2025年8月11日

Vue前端UI组件库

摘要： Vue前端UI组件库 Element ui Vue2 https://element.eleme.cn/#/zh-CN/component/installation Element ui Vue3 https://element-plus.org/zh-CN/component/button.htm 阅读全文

posted @ 2025-08-11 16:45 蜗牛snail 阅读(89) 评论(0) 推荐(0)

Css实现鼠标移动图片上光亮效果

摘要： <html> <head> <title>Css实现鼠标移动图片上光亮效果</title> </head> <style> .demo { position: relative; overflow: hidden; background: #000; width: 400px; height: 23 阅读全文

posted @ 2025-08-11 15:05 蜗牛snail 阅读(7) 评论(0) 推荐(0)

2025年8月7日

Vue2封装Echarts

摘要：使用方法： 1、模版使用 <Echarts :option="chartOption" /> 2、导入组件 import Echarts from '@/components/Echarts' 3、配置option chartOption: { title: { text: '员工学历分布', le 阅读全文

posted @ 2025-08-07 17:10 蜗牛snail 阅读(29) 评论(0) 推荐(0)

Vue3常用工具方法封装 (hooks/useUtils.js)

摘要：手机号、邮箱、空字符串、身份证、车牌号、解析url地址上&数据、ip、设置&读取&移除cookie、设置&读取&移除localStorage、base64加密&解密等等常用工具方法 import { ref } from 'vue'; export function useUtils() { // 阅读全文

posted @ 2025-08-07 17:05 蜗牛snail 阅读(13) 评论(0) 推荐(0)

2025年7月29日

CSS3制作管理系统加载Loadding

摘要：

<div id="loader-wrapper"> <div class="loader-box"> <span>A</span> <span>d</span> <span>e</span> <span>n</span> <span>g</span> <span>.</span> <span>y</ 阅读全文

posted @ 2025-07-29 10:38 蜗牛snail 阅读(5) 评论(0) 推荐(0)

2024年10月24日

Vue3使用hooks组件更简洁

摘要： 1。组件页面（list.vue） <script setup> import { useStatementLog } from "./hooks/useStatementLog"; const { loading, defaultFormData, defaultData, searchInit, 阅读全文

posted @ 2024-10-24 20:13 蜗牛snail 阅读(35) 评论(0) 推荐(0)

2024年10月23日

生成设备唯一UUID

摘要： function generateDeviceID() { const navigatorInfo = window.navigator; const screenInfo = window.screen; const uid = navigatorInfo.mimeTypes.length; co 阅读全文

posted @ 2024-10-23 15:58 蜗牛snail 阅读(23) 评论(0) 推荐(0)