拉不动的猪

本文主要从以下几个方面入手： API请求、 状态管理、 工具函数 路由 包管理工具 一、整体设计：分层解耦，复用优先 核心思路是  “业务逻辑抽离为公共层，两端仅保留平台特...

一、什么是 visibilitychange 事件？ visibilitychange 是浏览器提供的原生事件，属于 Page Visibility API（页面可见性 A...

前言 前端项目里使用延时器是正常的，模仿一下异步操作，但是在复杂的业务场景下不建议使用，主要有两点，第一js是单线程，第二是官方提供的api足以解决各种执行队列。 你设置的...

图片在线引用和阿里图标文字的引用，打包后的路径更换，在不同的环境下有不同的作用。。。。。。。。。。。。...

上线环境 基本来讲，我们前端的项目无非就是基本的三个环境，开发/测试/生产，今天就简单说下打包时引入脚本的时机问题。 为什么不能 “运行时根据网址判断”？ 如果想让项目发布...

在 Vue 3 中，ref 需要通过 .value 访问数据，而 reactive 可以直接引用，这一设计是由两者的底层实现逻辑和实际开发需求共同决定的，具体可以从以下角度...

‌隐式返回 vs 显式返回‌ ‌1. 隐式返回（Implicit Return） ‌ ‌定义‌：函数自动返回最后一行的表达式结果，无需显式写return。 ‌触发条件‌： ...

在 Vue 开发中，逻辑复用是提高代码质量和开发效率的核心技巧。今天就通过对比四种主流的逻辑复用方案：Hooks（Vue3）、Mixin、HOC（高阶组件）和普通函数封装，...

基本功能 props常用来数据通信 attars所有非props属性的透穿 props传值: 基本传值‌ 动态绑定‌ 类型验证‌ 默认值设置‌ 对象形式传值‌ attars...

在 Vue 的 v-for 循环中不能直接使用 WeakMap 的原因与 WeakMap 的特性以及 Vue 列表渲染的机制密切相关，主要有以下几个关键点： 1. Weak...

howlwer插件官网的地址：有兴趣的可以看一看，根据你的需求查找其中的配置项 一般音频需求可能如下： 能够自动/手动播放 可以调节音频的音量🔊 可以自由拖动进行播放 关...

很多时候面试官，面试你的时候会问你：同学你在项目中做过哪些性能优化呢？ 可能你是这样回答的： 无用代码的删除，减小代码打的体积 使用cdn加速 图片压缩 分包 骨架屏 .....

pinia相对vuex有着以下优势： api的简化 原生支持 TypeScript，类型体验更优 更灵活的状态访问与解构 更轻量，无冗余代码 更好的跨组件 / 跨页面共享能...

async/await 之所以能让异步代码呈现出 “同步的写法和执行体验”，核心在于它是 Generator 函数和 Promise 的语法糖，通过语法层面的封装，隐藏了异...

一、!! 和 !!! 的深入理解 1. !!（双重非）操作符 将任意值强制转换为布尔类型，等效于 Boolean() 函数。 转换规则： 假值（null、undefined...

在 Vue 3 中，除了返回渲染函数外，async setup()还会在以下场景中导致问题： 1. 依赖注入（provide/inject）失效 问题： async set...

在 Vue 3 中，setup()函数是组件的核心入口，负责组合组件的响应式数据和方法。当setup()返回一个渲染函数时，这个渲染函数必须是同步的。如果使用async s...

在实际项目中，Flex 布局的核心价值在于快速实现元素的自适应排列、对齐和空间分配，尤其在响应式设计中能极大简化代码。结合具体场景来看，它的使用逻辑和优势会更清晰： 一、容...