oxygensunshine的博客

原创 图片通过 http-server 搭建本地静态 HTTP 服务器

然后访问Available on后面的网址+/图片名字就可以。是为了最后方便替换服务器图片。2,进入文件夹后cmd。1.在本地创建文件夹。

原创 uniapp 锚点跳转

【代码】uniapp 锚点跳转。

原创 https nginx步骤

打开浏览器，访问 https://localhost → 浏览器提示 “不安全”（自签名证书正常现象）→ 点击 “高级”→“继续访问”，就能看到 Nginx 页面，说明 HTTPS 生效！若显示 nginx: configuration file D:\nginx/conf/nginx.conf test is successful，说明配置正确。ssl文件夹会出现两个证书 D:\nginx\ssl 会出现 localhost.key（这是私钥，别泄露）。# 证书路径（填你生成的文件路径）

原创 mp4文件引用

【代码】mp4文件引用。

原创 点击弹窗外区域关闭弹窗

/ 如果selectList弹窗打开且点击的是外部区域，则关闭弹窗。// 检查点击目标是否在历史记录弹窗或触发按钮内（.后面是类名）// 检查点击目标是否在selectList弹窗或触发按钮内。// 如果历史记录弹窗打开且点击的是外部区域，则关闭弹窗。onUnmounted移除监听。onMounted添加监听。

原创 websocket链接

整体用于实时更新 AI 绘图任务的状态和进度。

原创 qrcode(vue3)

那就新建一个qrcodejs2.d.ts（和index.html同级）如果import QRCode from 'qrcode'报错。

原创 vue3项目中加h5页面

3.useDeviceDetection.ts(不确定有没有作用)6.postcss.config.js(和main.ts同级)7.mobile页面可以新建一个文件夹放在。

原创 vue引入图片的方法

这样写会报错 因为识别成字符串了 所以可以写。

原创 vue3父子组件传值

点击历史图片（子）时，图片会传到 transfer 组件（父），并显示在主图区域（父）删除事件由父组件处理，数据变化后自动刷新子组件显示。历史数据由父组件统一管理，传递给子组件。

原创 两套侧边栏和底部

在router.ts里面控制每个页面显示哪个。

原创 css画斜对角线

【代码】css画斜对角线。

原创 登录弹框（注册自定义指令）

【代码】登录弹框（注册自定义指令）

原创 vue3动态获取高度用在轮播图上

一定要 @load。

原创 vue3中封装svg

出现了报错 于是下了npm install fast-glob --save-dev。如果只有一个svg 可以用图片。icon 注意路径和名字。

原创 午饭吃什么

【代码】午饭吃什么。

原创 图片的放大缩小选择全屏下载和复制到粘贴板

【代码】图片的放大缩小选择全屏。

原创 websocket

websocketService1.ts文件。

原创 vue2新手引导（introJs）

【代码】vue2新手引导（introJs）

原创 vue3自定义提示框和下载

修改添加参数到中，并传递给MessageBox组件。修改MessageBox组件添加属性，并在模板中使用该属性来显示确认按钮。确保方法调用onConfirm回调。使用方法传递参数来设置确认按钮的文本。使用onConfirm回调来处理确认按钮点击后的逻辑。通过这些调整，你可以在方法中添加一个确认按钮，并在点击确认按钮时执行相应的操作。用element-plus的消息框在src下的index.js// 页签操作// 认证对象// 缓存对象// 模态框对象// 下载文件。

原创 获取当前时间

2.页面 时间范围上个月当前天-本月当前天。

原创 vue3动态绑定图片和使用阿里巴巴矢量图和根据路由动态设置样式

├── iconfont.json （font-class用法）├── iconfont.js （symbol用法）下载在本地 解压 （把以下文件放进项目文件夹里面）全局引入或者在使用的页面引入。

原创 cavans

不能用css样式来控制cavnas的宽高。1.使用canvas基本步骤。

原创 文字渐变色

【代码】文字渐变色。

原创 vite不支持@

原创 map用于leetcode

【代码】map用于leetcode。

原创 python小知识点

模块展示了如何将一个列表对象保存到文件中，并在之后读取回来。它涵盖了文件操作、对象序列化和反序列化的基本概念，适合学习 Python 数据持久化的初学者。这两个符号提供了灵活性，使得函数能够处理不同数量的输入参数。是结束索引（不包括），1.1with管理文件。

原创 ts DEMO

【代码】ts DEMO。

原创 SpFilterForm 响应式form

【代码】SpFilterForm 响应式form。

原创 uniapp 的导航 电话 分享 定位

【代码】uniapp 的导航 电话 分享。

原创 在uniapp中获取微信小程序状态栏和导航栏的高度

【代码】在uniapp中获取微信小程序状态栏和导航栏的高度。

原创 uni-app 开发APP 自定义轮播图 swiper 指示点位置和样式

【代码】uni-app 开发APP 自定义轮播图 swiper 指示点位置和样式。

原创 深浅拷贝和遍历的知识点~

的方式实际上是使用扩展运算符（spread operator）进行了浅拷贝，这意味着如果。，但注意这种方法对于函数和循环引用的对象不适用）创建。中相同键的值，而不添加新属性也不移除未出现在。原本不存在的属性，这些新属性也会被添加到。中对应的属性值，即便你可能并不希望这样做。这种方式适用于需要更精细控制合并过程的情况。中没有的额外属性），并且不覆盖。或者未定义，这也会直接覆盖掉。的副本，然后根据需要合并到。原有的参数结构不变（即使。如果你的目的是仅仅更新。的属性，并逐一赋值给。结构较为简单的情况.

原创 日期时间格式化返回字符串和el-input验证输入是否是数字

【代码】日期时间格式化返回字符串。

原创 java需要注意的基础知识点

2.方法调用： String 是一个对象，具有丰富的内置方法，如 length()、charAt(index)、substring()、toLowerCase() 等，可用于操作和查询字符串内容。双引号 用于定义 String 类型变量，表示零个或多个字符组成的字符串，支持丰富的字符串操作方法，适用于处理文本数据或需要字符串特性的场景。单引号 用于定义 char 类型变量，表示单个字符，不支持直接调用方法，适用于只需要处理单个字符的情况。用途： 表示字符串常量，即零个或多个连续的字符序列。

原创 动态渲染表格

【代码】动态渲染表格。

原创 登录页面111

【代码】登录页面111。

原创 滚动动画和暂停动画

【代码】滚动动画和暂停动画。

原创 vue 父给子传值并监听

【代码】vue 父给子传值并监听。

原创 vue之elementUi的el-select同时获取value和label和el-radio禁用属性

【代码】vue之elementUi的el-select同时获取value和label和el-radio禁用属性。