会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Apple
知道自己要什么,然后努力追求。
博客园
首页
新随笔
联系
管理
订阅
2025年10月14日
vscode左侧搜索栏搜索时排除不参与搜索的文件夹
摘要: 在 VSCode 左侧搜索时排除多个文件夹,可通过修改工作区或全局的 settings.json 文件,使用 search.exclude 和 files.exclude 功能实现。具体操作如下: 方法一:通过 settings.json 文件配置 打开设置文件: 工作区设置:在项目根目录下创建 .
阅读全文
posted @ 2025-10-14 17:24 蓓蕾心晴
阅读(92)
评论(0)
推荐(0)
2025年10月10日
css动画已经执行过一次如何再次执行?
摘要: .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)
2025年9月18日
vscode设置单击选中带连字符的单词
摘要: 1、打开 VSCode 设置打开设置搜索 wordSeparators,找到 Editor: Word Separators 选项。2、移除 - 字符默认值类似: `~!@#$%^&*()-=+[{]}\\|;:'",.<>/? 删除 -(连字符),使其变成: `~!@#$%^&*()=+[{]}\
阅读全文
posted @ 2025-09-18 10:56 蓓蕾心晴
阅读(14)
评论(0)
推荐(0)
2025年9月9日
移动端盒子元素实现左右可滑动且竖向页面可滑动
摘要: 需求 移动端盒子元素实现左右可滑动且竖向页面可滑动,即盒子内部元素左右可滑动,上下拖动盒子可以滑动整个页面 代码 关键代码,盒子横向: overflow-x: auto; 盒子竖向:overflow-y: hidden; 详细demo 代码如下: <!DOCTYPE html> <html lang
阅读全文
posted @ 2025-09-09 16:34 蓓蕾心晴
阅读(15)
评论(0)
推荐(0)
2025年9月3日
js 判断设备类型包括异形屏
摘要: 本方法主要判断设备为手机、平板、异形屏(覆盖不全,能覆盖大多数) export enum DEVICE { PHONE = 'phone', PAD = 'pad', SPECIAL = 'special-shape' } function getPlatform () { const userAg
阅读全文
posted @ 2025-09-03 16:33 蓓蕾心晴
阅读(97)
评论(0)
推荐(0)
2025年9月1日
element ui 日期组件实现仅显示日期选择但值包含固定的时间
摘要: 需求 如标题所述,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)
2024年11月28日
master远端代码更新,本地拉取不到
摘要: git pull git fetch git merge origin/master
阅读全文
posted @ 2024-11-28 17:34 蓓蕾心晴
阅读(38)
评论(0)
推荐(0)
2024年11月27日
css 实现刘海屏样式兼容并支持 js 获取刘海屏高度后动态修改
摘要: 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)
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-consta
阅读全文
posted @ 2024-11-27 15:34 蓓蕾心晴
阅读(29)
评论(0)
推荐(0)
2024年11月11日
vue3 provide的值 在回调函数中改变,inject 如何获取到最新的值?
摘要: 需求: 父组件,通过 provide 传递了 视频方向的响应式值,该值会有一个初始化的默认值,并在获取视频方向的回调函数中,来动态改变 子组件,需要获取到父组件传递的视频方向,来执行一些逻辑。 这里我们在子组件中通过父组件传递响应式的变量,子组件接受后,通过 watch 监听该变量的改变,来动态执行
阅读全文
posted @ 2024-11-11 15:36 蓓蕾心晴
阅读(321)
评论(0)
推荐(0)
2024年10月8日
vue3如何将 app 全局变量对象变为响应式并监听到某个属性的改变
摘要: 需求: 通过 getData() 方法获取到数据对象,想要在屏幕方向改变的时候,给获取到的对象设置 orientation,能实时修改 方案: 使用 reactive 包裹, template 直接使用全局变量下的属性,watch 直接监听对应属性 代码如下: main.js const confi
阅读全文
posted @ 2024-10-08 12:02 蓓蕾心晴
阅读(403)
评论(0)
推荐(0)
2024年9月20日
ResizeObserver loop completed with undelivered notifications. 报错
摘要: js 使用 ResizeObserver 时报错,代码实现逻辑如下: function observeVideoDom (width: number, height: number) { const videoDom = document.getElementById('videoDom') if
阅读全文
posted @ 2024-09-20 17:24 蓓蕾心晴
阅读(1092)
评论(0)
推荐(0)
2024年9月2日
git 修改本地仓库的远程仓库地址
摘要: # 查看远程仓库地址 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)
2024年8月8日
git突然无法推送到远程仓库
摘要: 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)
2024年7月31日
css实现图片等比例完全展示,背景加图片 200%放大虚化
摘要: 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)
2024年7月10日
element-ui 使用 el-date-picker 如何限制时间选择范围?
摘要: 使用 pickerOptions 属性绑定该属性下的 disabledDate 方法,可以获取到当前选中的时间 示例代码,以下是限制只能选择今天及以后的日期 <el-date-picker v-if="item.inputType 'date'" v-model="item.value" size=
阅读全文
posted @ 2024-07-10 16:59 蓓蕾心晴
阅读(2464)
评论(0)
推荐(0)
element-ui 使用 el-date-picker 如何监听数据变更?
摘要: 使用 @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)
2024年7月3日
vue项目子组件使用 dialog 弹框,如何实现父子组件弹框展示状态关联?
摘要: vue 项目,子组件使用 el-dialog 组件,想要实现在父组件可以控制子组件 dialog 的展示和隐藏,子组件自己可以控制 dialog 展示和隐藏,该如何实现? 1. 子组件(DialogComponent.vue) 子组件接受一个来自父组件的 prop,用来控制 dialog 的显示状态
阅读全文
posted @ 2024-07-03 11:36 蓓蕾心晴
阅读(2272)
评论(0)
推荐(0)
2024年6月3日
IDFA、IMEI、OAID 是什么,区别是什么
摘要: IDFA、IMEI 和 OAID 都是用于设备标识和追踪的标识符,但它们有不同的用途和适用范围。以下是对这三者的详细介绍及其区别: IDFA (Identifier for Advertisers) IDFA 是苹果公司 (Apple) 提供的一个设备标识符,主要用于广告跟踪和营销分析。平台:仅适用
阅读全文
posted @ 2024-06-03 11:54 蓓蕾心晴
阅读(3356)
评论(0)
推荐(2)
2024年5月29日
css实现按钮文案垂直水平居中,按钮左侧图标相对文字固定距离展示
摘要: 需求 css实现按钮文案垂直水平居中,按钮左侧图标相对文字固定距离展示,效果如图: 实现 方案一:使用 margin-right 来实现按钮和左侧图标的间距 <div class="download-btn"> <div class="btn-content" :class="{'left-icon
阅读全文
posted @ 2024-05-29 11:41 蓓蕾心晴
阅读(241)
评论(0)
推荐(0)
下一页
公告