蜗牛snail - 博客园

2025年8月11日

摘要： 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 阅读(65) 评论(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 阅读(1) 评论(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 阅读(14) 评论(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 阅读(6) 评论(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 阅读(2) 评论(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 阅读(21) 评论(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 阅读(9) 评论(0) 推荐(0)

Vue3中使用element-plus封装表单列表组件，一行代码实现一个页面

摘要： 1。QhTable子组件 <template> <div class="qh-base-pages" v-loading="loading"> <div class="qh-table-header" v-if="defaultForm.length > 0"> <div class="l"> <s 阅读全文

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

2024年5月21日

uniapp蓝牙连接封装

摘要： bluetooth.js // import { TextDecoder } from 'text-encoding-utf-8'; let bluetoothOpen = false; // 手机蓝牙是否打开 let bluetoothConnect = false; // 设备和蓝牙是否连接 l 阅读全文

posted @ 2024-05-21 13:54 蜗牛snail 阅读(131) 评论(0) 推荐(0)

2023年7月17日

【转】JS字符串操作方法汇总

摘要： 1.获取字符串长度 length2. 获取字符串指定位置的值（1）charAt()（2）charCodeAt()3. 检索字符串是否包含特定序列（1）indexOf()（2）lastIndexOf()（3）includes()（4）startsWith()（5）endsWith()4. 连接多个字符阅读全文

posted @ 2023-07-17 17:42 蜗牛snail 阅读(1451) 评论(0) 推荐(0)