摘要：
需要先定义一个 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 都是长度相同、字符相同、顺序相同的字符串 都是相同的对象（意味着两个值都 阅读全文
摘要：
解决方案一： 查看控制台终端，因为我们应该已经运行了 flutter run 命令，这时候会看到有一些提示，显示不同快捷键不同的功能： Flutter run key commands. r Hot reload. 🔥🔥🔥 R Hot restart. h List all available 阅读全文
摘要：
flutter项目新建与运行 vscode command+shift+p：输入 flutter，选择 new project，application，选择一个项目存储的文件夹，会新建一个 flutter 项目 然后会直接打开该项目，到 lib 下 main.dart vscode command+ 阅读全文
摘要：
背景 学习 flutter 之前，我们要先安装 flutter 环境，保证可以创建 flutter 项目，可以查看模拟器，可以热重载等。在看本文之前，最好先通读下官方安装文档：https://docs.flutter.dev/get-started/install/macos/desktop 环境安 阅读全文
摘要：
简介 Flutter是Google开发的一个开源移动应用框架，用于构建高性能、高保真的跨平台应用。它使用Dart语言作为开发语言，具有许多独特的特点和优势。 特点 跨平台性：Flutter支持Android和iOS两大主流移动平台，开发者可以使用同一套代码库来构建应用，大大减少了开发和维护的成本。 阅读全文
摘要：
在 vscode 使用过程中，不知进行了什么操作，侧边栏资源管理器突然就找不到了 解决方案： 点击侧边栏源代码管理，找到自己的项目名称一栏，朝左侧侧边栏拖动，拖进去之后就可以看到左上角第一个的资源管理器了。 阅读全文
摘要：
charles添加了证书，但请求都为 unknown，要看下证书有没有设为可信任，如果是系统默认值是不被信任的，那请求抓到就都是 unknown。 此时可以看到抓包变正常了。 阅读全文
摘要：
我目前使用的是 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 使用函数实现策略模式和状态模式设计模式的方式，更有助于理解策略模式和状态模式如何 阅读全文