会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Simoon
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
···
37
下一页
2026年1月6日
vue祖先与孙子跨级别传递方法(祖先调用孙子方法、中间层调用)-----provide、inject
摘要: 单变量存储多个方法 // injectionKeys.js // injectionKeys.js export const DataIntegrationGrandApiKey = Symbol('DataIntegrationGrandApi'); 祖先组件(API 管理者) ✔ 一个 prov
阅读全文
posted @ 2026-01-06 18:15 SimoonJia
阅读(7)
评论(0)
推荐(0)
2026年1月5日
#suffix 插槽
摘要: 这是 唯一优雅、可控、推荐的方式来修改组件库图标 替换组件的:suffix-icon="Search"属性 <el-input v-model="keyword"> <template #suffix> <el-icon @click="onSearch"> <Search /> </el-icon
阅读全文
posted @ 2026-01-05 18:48 SimoonJia
阅读(10)
评论(0)
推荐(0)
JavaScript 原生提供的深拷贝 API:structuredClone
摘要: 一、structuredClone 是什么? structuredClone 是 JavaScript 原生提供的深拷贝 API,用于将一个值 完整复制为一个全新的副本,并且 不会共享任何引用。 它实现的是浏览器规范中的👉 Structured Clone Algorithm(结构化克隆算法) 这
阅读全文
posted @ 2026-01-05 15:40 SimoonJia
阅读(96)
评论(0)
推荐(1)
2025年12月29日
字符串处理成vscode风格
摘要: function formatLikeVSCode(str, indent = 2) { if (typeof str !== 'string') return str; const trimmed = str.trim(); // 必须是最外层对象 if (!trimmed.startsWith(
阅读全文
posted @ 2025-12-29 18:22 SimoonJia
阅读(6)
评论(0)
推荐(0)
2025年12月24日
html video懒加载
摘要: 一、最简单但有效:preload="none" <video controls preload="none" poster="cover.jpg"> <source src="demo.mp4" type="video/mp4"> </video> 特点 ❌ 页面加载时 不下载视频 ✅ 点击播放才请
阅读全文
posted @ 2025-12-24 11:56 SimoonJia
阅读(29)
评论(0)
推荐(0)
Vue 3 父子组件传参方式总览
摘要: 🌟 Vue 3 父子组件传参方式总览 1️⃣ Props:父传子 作用 父组件通过 props 向子组件传递数据。 子组件接收后默认 只读,不能直接修改。 支持 静态值、动态值、对象/数组、类型校验、默认值。 子组件写法 // 数组形式 const props = defineProps(['na
阅读全文
posted @ 2025-12-24 10:55 SimoonJia
阅读(51)
评论(0)
推荐(0)
2025年12月18日
通过 Chrome DevTools 打开帧率监视器
摘要: 步骤(中文版菜单名) 打开开发者工具 Mac:⌘ + Option + I Windows:F12 右上角点击 ⋮(更多) 选择: 更多工具 → 渲染 在 「渲染」 面板中勾选: ✅ 帧率监视器(有的版本叫 帧渲染统计信息) 页面左上角会出现一个小浮窗: 显示 FPS 单帧耗时(ms) CPU /
阅读全文
posted @ 2025-12-18 19:12 SimoonJia
阅读(51)
评论(0)
推荐(0)
2025年12月11日
node-sass安装报错、node版本不兼容:npm install --ignore-scripts、NODE_OPTIONS=--openssl-legacy-provider npm run serve
摘要: node-sass安装依赖、启动报错问题 # 1. 安装依赖(跳过构建脚本) npm install --ignore-scripts # 2. 替换 sass npm uninstall node-sass && npm install sass --save-dev # 3. 启动项目(使用临时
阅读全文
posted @ 2025-12-11 10:01 SimoonJia
阅读(32)
评论(0)
推荐(0)
2025年12月9日
flex详解:flex:1
摘要: 写法 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
阅读全文
posted @ 2025-12-09 15:21 SimoonJia
阅读(13)
评论(0)
推荐(0)
grid/flex布局让孩子一行展示三个、减掉gap后平分宽度
摘要: grid 关键:若希望子项实现自动缩放,需要去除宽度相关设置: width、 max-width等 width: 100%; /* 改为100%让子项填满分配的网格空间 */ max-width: none; /* 移除最大宽度限制 , 或设置为更大的值 */ display:grid; grid-
阅读全文
posted @ 2025-12-09 10:36 SimoonJia
阅读(11)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
···
37
下一页
公告