摘要: 在 VSCode 左侧搜索时排除多个文件夹,可通过修改工作区或全局的 settings.json 文件,使用 search.exclude 和 files.exclude 功能实现。具体操作如下: 方法一:通过 settings.json 文件配置 打开设置文件: 工作区设置:在项目根目录下创建 . 阅读全文
posted @ 2025-10-14 17:24 蓓蕾心晴 阅读(92) 评论(0) 推荐(0)
摘要: .shakeAnimate { animation: shakeAnimation 2s ease-in-out forwards; } const showAnimation = () => { const box = document.querySelector('.box') if (box) 阅读全文
posted @ 2025-10-10 16:48 蓓蕾心晴 阅读(7) 评论(0) 推荐(0)
摘要: 1、打开 VSCode 设置打开设置搜索 wordSeparators,找到 Editor: Word Separators 选项。2、移除 - 字符默认值类似: `~!@#$%^&*()-=+[{]}\\|;:'",.<>/? 删除 -(连字符),使其变成: `~!@#$%^&*()=+[{]}\ 阅读全文
posted @ 2025-09-18 10:56 蓓蕾心晴 阅读(14) 评论(0) 推荐(0)
摘要: 需求 移动端盒子元素实现左右可滑动且竖向页面可滑动,即盒子内部元素左右可滑动,上下拖动盒子可以滑动整个页面 代码 关键代码,盒子横向: overflow-x: auto; 盒子竖向:overflow-y: hidden; 详细demo 代码如下: <!DOCTYPE html> <html lang 阅读全文
posted @ 2025-09-09 16:34 蓓蕾心晴 阅读(15) 评论(0) 推荐(0)
摘要: 本方法主要判断设备为手机、平板、异形屏(覆盖不全,能覆盖大多数) export enum DEVICE { PHONE = 'phone', PAD = 'pad', SPECIAL = 'special-shape' } function getPlatform () { const userAg 阅读全文
posted @ 2025-09-03 16:33 蓓蕾心晴 阅读(97) 评论(0) 推荐(0)
摘要: 需求 如标题所述,element ui 日期组件实现仅显示日期选择但值包含固定的时间,便于传给后端使用,通常为 '00:00:00', '23:59:59' 实现 <div class="date-picker-with-label"> <el-date-picker size="small" v- 阅读全文
posted @ 2025-09-01 17:02 蓓蕾心晴 阅读(40) 评论(0) 推荐(0)
摘要: git pull git fetch git merge origin/master 阅读全文
posted @ 2024-11-28 17:34 蓓蕾心晴 阅读(38) 评论(0) 推荐(0)
摘要: css :root { --safe-area-inset-top: 0px; --safe-area-inset-right: 0px; --safe-area-inset-bottom: 0px; --safe-area-inset-left: 0px; --safe-area-inset-co 阅读全文
posted @ 2024-11-27 15:40 蓓蕾心晴 阅读(192) 评论(0) 推荐(0)
摘要: :root { --safe-area-inset-top: 0px; --safe-area-inset-right: 0px; --safe-area-inset-bottom: 0px; --safe-area-inset-left: 0px; --safe-area-inset-consta 阅读全文
posted @ 2024-11-27 15:34 蓓蕾心晴 阅读(29) 评论(0) 推荐(0)
摘要: 需求: 父组件,通过 provide 传递了 视频方向的响应式值,该值会有一个初始化的默认值,并在获取视频方向的回调函数中,来动态改变 子组件,需要获取到父组件传递的视频方向,来执行一些逻辑。 这里我们在子组件中通过父组件传递响应式的变量,子组件接受后,通过 watch 监听该变量的改变,来动态执行 阅读全文
posted @ 2024-11-11 15:36 蓓蕾心晴 阅读(321) 评论(0) 推荐(0)
摘要: 需求: 通过 getData() 方法获取到数据对象,想要在屏幕方向改变的时候,给获取到的对象设置 orientation,能实时修改 方案: 使用 reactive 包裹, template 直接使用全局变量下的属性,watch 直接监听对应属性 代码如下: main.js const confi 阅读全文
posted @ 2024-10-08 12:02 蓓蕾心晴 阅读(403) 评论(0) 推荐(0)
摘要: js 使用 ResizeObserver 时报错,代码实现逻辑如下: function observeVideoDom (width: number, height: number) { const videoDom = document.getElementById('videoDom') if 阅读全文
posted @ 2024-09-20 17:24 蓓蕾心晴 阅读(1092) 评论(0) 推荐(0)
摘要: # 查看远程仓库地址 git remote -v # 删除远程仓库地址 git remote remove origin # 重新设置新的远程仓库地址 git remote add origin 新仓库地址 # 直接修改远程仓库地址 git remote set-url origin 新仓库地址 # 阅读全文
posted @ 2024-09-02 11:56 蓓蕾心晴 阅读(348) 评论(0) 推荐(0)
摘要: git master 合并了开发分支后,通过 git status 显示 Your branch is ahead of 'origin/master' by 4 commits.,但是无法 push,会提示报错 error: failed to push some refs to "项目地址" 1 阅读全文
posted @ 2024-08-08 10:22 蓓蕾心晴 阅读(1165) 评论(0) 推荐(0)
摘要: html <div class="img-box"> <div class="img"></div> <div class="img-bg"></div> </div> css .img-box { width: 100%; height: 212px; position: relative; .i 阅读全文
posted @ 2024-07-31 17:28 蓓蕾心晴 阅读(135) 评论(0) 推荐(0)
摘要: 使用 pickerOptions 属性绑定该属性下的 disabledDate 方法,可以获取到当前选中的时间 示例代码,以下是限制只能选择今天及以后的日期 <el-date-picker v-if="item.inputType 'date'" v-model="item.value" size= 阅读全文
posted @ 2024-07-10 16:59 蓓蕾心晴 阅读(2464) 评论(0) 推荐(0)
摘要: 使用 @input 示例代码: <el-date-picker v-model="item.value" size="mini" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :placeholder="item.placehol 阅读全文
posted @ 2024-07-10 16:57 蓓蕾心晴 阅读(603) 评论(0) 推荐(0)
摘要: vue 项目,子组件使用 el-dialog 组件,想要实现在父组件可以控制子组件 dialog 的展示和隐藏,子组件自己可以控制 dialog 展示和隐藏,该如何实现? 1. 子组件(DialogComponent.vue) 子组件接受一个来自父组件的 prop,用来控制 dialog 的显示状态 阅读全文
posted @ 2024-07-03 11:36 蓓蕾心晴 阅读(2272) 评论(0) 推荐(0)
摘要: IDFA、IMEI 和 OAID 都是用于设备标识和追踪的标识符,但它们有不同的用途和适用范围。以下是对这三者的详细介绍及其区别: IDFA (Identifier for Advertisers) IDFA 是苹果公司 (Apple) 提供的一个设备标识符,主要用于广告跟踪和营销分析。平台:仅适用 阅读全文
posted @ 2024-06-03 11:54 蓓蕾心晴 阅读(3356) 评论(0) 推荐(2)
摘要: 需求 css实现按钮文案垂直水平居中,按钮左侧图标相对文字固定距离展示,效果如图: 实现 方案一:使用 margin-right 来实现按钮和左侧图标的间距 <div class="download-btn"> <div class="btn-content" :class="{'left-icon 阅读全文
posted @ 2024-05-29 11:41 蓓蕾心晴 阅读(241) 评论(0) 推荐(0)