2025年12月30日
Vue3 + WebSocket 即时通信单对单系统
摘要： <template> <div class="chat-app"> <!-- 登录界面 --> <div v-if="!currentUser" class="login-container"> <div class="login-box"> <h1>📱 WebSocket 即时通信</h1> < 阅读全文
posted @ 2025-12-30 15:42 热心市民~菜先生 阅读(3) 评论(0) 推荐(0)
前端使用 fetch API 处理 SSE 流式响应
摘要： <template> <div class="chat-container"> <div class="messages" ref="messagesRef"> <div v-for="msg in messages" :key="msg.id" :class="['message', msg.ro 阅读全文
posted @ 2025-12-30 15:36 热心市民~菜先生 阅读(3) 评论(0) 推荐(0)
2025年12月25日
骨架屏css参考学习demo
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root { --loading-grey: #ededed; } body { background-colo 阅读全文
posted @ 2025-12-25 16:49 热心市民~菜先生 阅读(2) 评论(0) 推荐(0)
2025年11月16日
小程序获取OCR识别结果，示例代码
摘要： //获取OCR识别结果，示例代码--start wx.chooseMedia({ count: 1, mediaType: ['image'], sourceType: ['album', 'camera'], maxDuration: 30, camera: 'back', success: (r 阅读全文
posted @ 2025-11-16 16:44 热心市民~菜先生 阅读(7) 评论(0) 推荐(0)
2025年10月31日
跑马灯简单实现
摘要： <div class="marquee">这是跑马灯效果的文字，它会左右滚动。</div> .marquee { white-space: nowrap; /* 防止文字换行 */ overflow: hidden; /* 隐藏溢出的内容 */ box-sizing: border-box; /* 阅读全文
posted @ 2025-10-31 15:45 热心市民~菜先生 阅读(10) 评论(0) 推荐(0)
2025年8月29日
vscode的代码格式化setting.json文件配置
摘要： { // tab 大小为2个空格 "editor.tabSize": 2, // 字體大小 "editor.fontSize": 16, // 設置行高 "editor.lineHeight": 25, // 开启 vscode 文件路径导航 "breadcrumbs.enabled": true, 阅读全文
posted @ 2025-08-29 10:51 热心市民~菜先生 阅读(108) 评论(0) 推荐(0)
2025年7月5日
Nginx配置
摘要： server { listen 3000; server_name localhost; gzip on; gzip_min_length 100; gzip_types text/plain text/css application/xml application/javascript; gzip 阅读全文
posted @ 2025-07-05 21:23 热心市民~菜先生 阅读(7) 评论(0) 推荐(0)
2025年4月30日
vue3 按需加载远程组件defineAsyncComponent
摘要： vue3 按需加载远程组件defineAsyncComponent 在 Vue 3 中，如果你需要按需加载远程组件，可以使用 defineAsyncComponent 函数，这是 Vue 3 引入的一个新功能，用于异步加载组件。这对于分割代码和优化应用的加载时间非常有帮助，尤其是当你需要从远程服务器 阅读全文
posted @ 2025-04-30 10:27 热心市民~菜先生 阅读(451) 评论(0) 推荐(0)
Vue3异步动态加载多个组件
摘要： <script setup lang="ts"> // 异步加载组件函数 const loadComponent = (name: string) => defineAsyncComponent({ loader: () => import(`./${name}.vue`), }) // 所有组件的 阅读全文
posted @ 2025-04-30 10:21 热心市民~菜先生 阅读(171) 评论(0) 推荐(0)
2025年4月16日
计算两个经纬度距离
摘要： /**计算两个经纬度距离 * @param lat1 第一个纬度 * @param log1 第一个经度 * @param lat2 第二个维度 * @param log2 第二个经度 * @return 两点距离(单位: m) */ getDistance(lat1, lon1, lat2, lo 阅读全文
posted @ 2025-04-16 16:16 热心市民~菜先生 阅读(34) 评论(0) 推荐(0)
下一页