Simoon

摘要： 这是 唯一优雅、可控、推荐的方式来修改组件库图标 替换组件的:suffix-icon="Search"属性 <el-input v-model="keyword"> <template #suffix> <el-icon @click="onSearch"> <Search /> </el-icon 阅读全文

摘要： 一、structuredClone 是什么？ structuredClone 是 JavaScript 原生提供的深拷贝 API，用于将一个值 完整复制为一个全新的副本，并且 不会共享任何引用。 它实现的是浏览器规范中的👉 Structured Clone Algorithm（结构化克隆算法） 这 阅读全文

摘要： function formatLikeVSCode(str, indent = 2) { if (typeof str !== 'string') return str; const trimmed = str.trim(); // 必须是最外层对象 if (!trimmed.startsWith( 阅读全文

摘要： 一、最简单但有效：preload="none" <video controls preload="none" poster="cover.jpg"> <source src="demo.mp4" type="video/mp4"> </video> 特点 ❌ 页面加载时 不下载视频 ✅ 点击播放才请 阅读全文

摘要： 🌟 Vue 3 父子组件传参方式总览 1️⃣ Props：父传子 作用 父组件通过 props 向子组件传递数据。 子组件接收后默认 只读，不能直接修改。 支持 静态值、动态值、对象/数组、类型校验、默认值。 子组件写法 // 数组形式 const props = defineProps(['na 阅读全文

摘要： 步骤（中文版菜单名） 打开开发者工具 Mac：⌘ + Option + I Windows：F12 右上角点击 ⋮（更多） 选择： 更多工具 → 渲染 在 「渲染」 面板中勾选： ✅ 帧率监视器（有的版本叫 帧渲染统计信息） 页面左上角会出现一个小浮窗： 显示 FPS 单帧耗时（ms） CPU / 阅读全文

摘要： node-sass安装依赖、启动报错问题 # 1. 安装依赖（跳过构建脚本） npm install --ignore-scripts # 2. 替换 sass npm uninstall node-sass && npm install sass --save-dev # 3. 启动项目（使用临时 阅读全文

摘要： 写法 grow shrink basis 用途 flex: 1 1 1 0 平分宽度的王者 flex: auto 1 1 auto 内容决定宽度，又能伸缩 flex: none 0 0 auto 不伸不缩，固定内容宽度 flex: 0 0 200px 0 0 200px 固定宽度的网格布局 flex 阅读全文

摘要： grid 关键：若希望子项实现自动缩放，需要去除宽度相关设置： width、 max-width等 width: 100%; /* 改为100%让子项填满分配的网格空间 */ max-width: none; /* 移除最大宽度限制 ， 或设置为更大的值 */ display:grid; grid- 阅读全文

摘要： 问题1:多个盒子排列时，不同盒子内容不同，导致高度不同 此时如果想让所有盒子的高度/宽度一致： display: flex; align-items: stretch; 含义，flex布局下，卡片高度、宽度拉伸，使其与高度（宽度）最大的孩子保持一致 问题1:高度保持一致后，内部的布局会受影响，如何维 阅读全文