摘要：
需求： 父组件，通过 provide 传递了 视频方向的响应式值，该值会有一个初始化的默认值，并在获取视频方向的回调函数中，来动态改变 子组件，需要获取到父组件传递的视频方向，来执行一些逻辑。 这里我们在子组件中通过父组件传递响应式的变量，子组件接受后，通过 watch 监听该变量的改变，来动态执行 阅读全文
摘要：
需求： 通过 getData() 方法获取到数据对象，想要在屏幕方向改变的时候，给获取到的对象设置 orientation，能实时修改 方案： 使用 reactive 包裹， template 直接使用全局变量下的属性，watch 直接监听对应属性 代码如下： main.js const confi 阅读全文
摘要：
js 使用 ResizeObserver 时报错，代码实现逻辑如下： function observeVideoDom (width: number, height: number) { const videoDom = document.getElementById('videoDom') if 阅读全文
摘要：
# 查看远程仓库地址 git remote -v # 删除远程仓库地址 git remote remove origin # 重新设置新的远程仓库地址 git remote add origin 新仓库地址 # 直接修改远程仓库地址 git remote set-url origin 新仓库地址 # 阅读全文
摘要：
git master 合并了开发分支后，通过 git status 显示 Your branch is ahead of 'origin/master' by 4 commits.，但是无法 push，会提示报错 error: failed to push some refs to "项目地址" 1 阅读全文
摘要：
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 阅读全文
摘要：
使用 pickerOptions 属性绑定该属性下的 disabledDate 方法，可以获取到当前选中的时间 示例代码，以下是限制只能选择今天及以后的日期 <el-date-picker v-if="item.inputType 'date'" v-model="item.value" size= 阅读全文
摘要：
使用 @input 示例代码： <el-date-picker v-model="item.value" size="mini" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :placeholder="item.placehol 阅读全文
摘要：
vue 项目，子组件使用 el-dialog 组件，想要实现在父组件可以控制子组件 dialog 的展示和隐藏，子组件自己可以控制 dialog 展示和隐藏，该如何实现？ 1. 子组件（DialogComponent.vue） 子组件接受一个来自父组件的 prop，用来控制 dialog 的显示状态 阅读全文
摘要：
IDFA、IMEI 和 OAID 都是用于设备标识和追踪的标识符，但它们有不同的用途和适用范围。以下是对这三者的详细介绍及其区别： IDFA (Identifier for Advertisers) IDFA 是苹果公司 (Apple) 提供的一个设备标识符，主要用于广告跟踪和营销分析。平台：仅适用 阅读全文
摘要：
需求 css实现按钮文案垂直水平居中，按钮左侧图标相对文字固定距离展示，效果如图： 实现 方案一：使用 margin-right 来实现按钮和左侧图标的间距 <div class="download-btn"> <div class="btn-content" :class="{'left-icon 阅读全文
摘要：
在 CSS 中，`pointer-events: auto;` 和 `pointer-events: all;` 实际上并不存在 `pointer-events: all;` 这个值，因此不用考虑哪个更好。正确的用法是 `pointer-events: auto;`。### `pointer-eve 阅读全文
摘要：
在 Git 中，查看当前代码所在的 tag 可以使用以下命令：### 查看当前提交所对应的所有 tag如果你想查看当前 HEAD 或者某个特定的 commit 对应的所有 tag，可以使用下面的命令： git tag --contains HEAD 这个命令会列出包含当前 HEAD 的所有 tag。 阅读全文
摘要：
在 React 脚手架（如 create-react-app）生成的项目中，Webpack 的配置是默认隐藏的，因为它使用了一个名为 react-scripts 的包来处理所有的构建和启动任务。然而，如果你想查看或修改 Webpack 的配置，有几种方法可以做到这一点： 使用 eject 命令： 运 阅读全文
摘要：
tsconfig.json { "compilerOptions": { "baseUrl": ".", // 路径配置 "paths": { "@/*": [ "src/*" ] }, "target": "ES2020", "lib": [ "dom", "dom.iterable", "esn 阅读全文
摘要：
Axios 是一个基于 Promise 的 HTTP 客户端，用于在浏览器和 node.js 中执行 HTTP 请求。它具备拦截请求和响应的能力，这使得开发者可以在请求被发送到服务器前或响应被传递给 then/catch 方法前，对其进行处理或修改。拦截器是 Axios 非常强大的特性之一，它们主要 阅读全文
摘要：
需要先定义一个 url 带背景图片变量的变量 const btnBgSrc = 'url(' + props.bgSrc + ')' 再在 css 中使用 v-bind background-image: v-bind(btnBgSrc); 阅读全文
摘要：
如题，给一个按钮写一个 css 心跳收缩动画后，按钮中的文字会上下抖动，解决方案为 will-change: transform; 代码如下： // 按键呼吸特效使用 class="pulse" @keyframes pulse { 0%{ transform: scale(1); } 25%{ t 阅读全文
摘要：
<div class="img-box"> <img :src="xxx.png"> <div class="img-bg" :style="{'background-image': `url(`+ xxx.png+ `)`}"></div> </div> .img-box { width: 100 阅读全文
摘要：
MDN官方文档 Object.is() 确定两个值是否为相同值。返回一个布尔值，指示两个参数是否为相同的值。 如果以下其中一项成立，则两个值相同： 都是 undefined 都是 null 都是 true 或者都是 false 都是长度相同、字符相同、顺序相同的字符串 都是相同的对象（意味着两个值都 阅读全文