摘要：
我目前使用的是 vant-ui 3.1.2 popup 弹出层组件，我想要获取弹出层的高度来计算一些东西，但是使用常规定义 ref dom 的方式总是无法获取，最终找到方案如下： vant-ui 官方文档：https://vant-contrib.gitee.io/vant/v3/#/zh-CN/p 阅读全文
摘要：
在 CSS 中，font-weight 属性的默认值是 normal。这通常对应于字体权重的数值 400。 - normal：相当于 400- bold：相当于 700- bolder：比父元素的字体更粗- lighter：比父元素的字体更细- 100 到 900：定义了从最薄 (100) 到最粗 阅读全文
摘要：
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot 阅读全文
摘要：
背景 使用 h5 video 开发的页面，对于需要视频定帧的场景，会通过调用 video.pause() 来使视频暂停，然而，当切到后台再重新切回前台，video 会重新出发 timeupdate 事件，并将当前的时间提前 1-2s 左右，从而导致视频定的帧改变。 分析 该问题可能是浏览器内部原因， 阅读全文
摘要：
在JavaScript中，我们可以在解构赋值语句中定义默认值。这就意味着，如果我们试图解构一个不存在的属性，或者属性值为undefined，那么我们可以为这个属性定义一个默认值。 这在处理JavaScript对象或数组时特别有用，因为我们可能会遇到这样的情况，即某些属性在某些情况下可能不存在或值为u 阅读全文
摘要：
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下 v-if 展示第一个组件，满足另一个条件下， v-if 隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同 阅读全文
摘要：
// myModule.js export { default as greeting } from './greeting.js'; export { add, subtract } from './math.js'; 阅读全文
摘要：
区别： Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块，并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦 阅读全文
摘要：
打开 setting.json { "search.exclude": { "**/node_modules": true, "**/bower_components": true, "dist/": true, "build/": true, "temp/": true, "library/": 阅读全文
摘要：
前言 有关设计模式的学习资料中，大部分都是以 java 语言实现的，毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念，所以 js 的相关设计模式的学习资料也大多使用 class 类实现，本文记录下 js 使用函数实现策略模式和状态模式设计模式的方式，更有助于理解策略模式和状态模式如何 阅读全文
摘要：
1. 前言 随着前端项目数量、前端开发人员、前端业务的日渐增多，则非常有必要整理一份简单的 git 规范，来进行项目开发的规范化约束。本文包括开发常用 git 指令、git 分支管理规范、git 提交规范等。 2. git 常用指令 2.1. 查看最新的远程分支 # 查看远程分支 git branc 阅读全文
摘要：
背景 实际开发过程中，当需要通过 watch 监听传入的 props 的某个值的变化，来动态改变组件内部的样式，实现方式如下： export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, 阅读全文
摘要：
我的代码：通过 css 设置样式，当 body 属性 v-direction=1 时，设置一个高度，默认会设置一个高度 .container { .video-container { height: 400px; } } body[v-direction='1'] { .container { .v 阅读全文
摘要：
vue3 中 通过 props 传递响应式值不会跟着响应式，原因为获取 props 的时候 直接通过 props.xxx 来获取了，如果要保持响应式，需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props 阅读全文
摘要：
ts函数中，直接使用this会报错： "this" 隐式具有类型 "any"，因为它没有类型注释。 应该以参数形式声明this，以防抖函数为例 function debounce(fn: Function, time: number) { let timer: number return funct 阅读全文
摘要：
转自：https://github.com/shfshanyue/Daily-Question/issues/203#issuecomment-888238489 /** * 深拷贝关注点: * 1. JavaScript内置对象的复制: Set、Map、Date、Regex等 * 2. 循环引用问 阅读全文
摘要：
在 JavaScript 中，特别是在 TypeScript 和 Flow 类型系统中，import type 与 import 有一些重要的区别。 **import type** import type 是 TypeScript 和 Flow 中特有的语法，它允许你导入类型而不导入运行时的值。这通 阅读全文
摘要：
webpack5中通过使用 webpack-dev-server 插件，配置 devServer 来浏览器启动页面，对于单页面，我们可以直接配置打开首页，多页面，可以配置打开一个文件目录，选择各个页面的目录 当我们配置好 webpack 后，执行 npm run dev，浏览器打开经常会看到显示 c 阅读全文
摘要：
我重新安装了项目的 npm 包，执行 ts 文件报错： tsc src/index.ts node_modules/@types/node/globals.d.ts:72:13 - error TS2403: Subsequent variable declarations must have th 阅读全文