会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Simoon
博客园
首页
新随笔
联系
订阅
管理
1
2
3
4
5
···
35
下一页
2025年12月18日
通过 Chrome DevTools 打开帧率监视器
摘要: 步骤(中文版菜单名) 打开开发者工具 Mac:⌘ + Option + I Windows:F12 右上角点击 ⋮(更多) 选择: 更多工具 → 渲染 在 「渲染」 面板中勾选: ✅ 帧率监视器(有的版本叫 帧渲染统计信息) 页面左上角会出现一个小浮窗: 显示 FPS 单帧耗时(ms) CPU /
阅读全文
posted @ 2025-12-18 19:12 SimoonJia
阅读(3)
评论(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
阅读(10)
评论(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
阅读(6)
评论(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
阅读(9)
评论(0)
推荐(0)
2025年12月8日
flex布局精进: align-items: stretch;属性
摘要: 问题1:多个盒子排列时,不同盒子内容不同,导致高度不同 此时如果想让所有盒子的高度/宽度一致: display: flex; align-items: stretch; 含义,flex布局下,卡片高度、宽度拉伸,使其与高度(宽度)最大的孩子保持一致 问题1:高度保持一致后,内部的布局会受影响,如何维
阅读全文
posted @ 2025-12-08 19:46 SimoonJia
阅读(10)
评论(0)
推荐(0)
2025年12月2日
宽度设置width:100%时 margin不生效问题处理
摘要: 1. 基本样式 (css/footer.css:430-438) 中,.bottm-box .company-msg 设置了: - width: 100% - max-width: 1440px - display: flex - justify-content: space-between 2.
阅读全文
posted @ 2025-12-02 15:10 SimoonJia
阅读(6)
评论(0)
推荐(0)
2025年11月28日
three实例化模型颜色混合同步普通模型颜色混合效果
摘要: 1.普通模型:贴图颜色*材质颜色 2.实例化模型:贴图颜色*材质颜色*单例颜色 如果想要在实例化模型中还原普通模型的颜色混合效果,则需要把材质颜色始终设置为(1,1,1)使其在着色器颜色混合时不生效,这样下来 贴图*单例颜色 就与 普通模型的颜色混合效果一致了 方案核心点: 1.首先需要清除实例材质
阅读全文
posted @ 2025-11-28 16:13 SimoonJia
阅读(4)
评论(0)
推荐(0)
2025年11月21日
for循环的详细解析for...of循环同时获取下标和data
摘要: ✅ 方法 1:使用 entries()(推荐) for (const [index, data] of iconModelData.children.entries()) { console.log(index, data); } entries() 会把数组元素转成 [index, value]
阅读全文
posted @ 2025-11-21 19:12 SimoonJia
阅读(5)
评论(0)
推荐(0)
2025年11月13日
js时间循环机制、浏览器生命周期
摘要: 事件循环机制: 主线程中存在一个「调用栈」(Call Stack) function foo() { console.log('foo'); setTimeout(() => console.log('foo timeout')); Promise.resolve().then(() => cons
阅读全文
posted @ 2025-11-13 17:23 SimoonJia
阅读(36)
评论(0)
推荐(0)
2025年11月10日
谷歌浏览器设置解决跨域问题
摘要: chrome://flags/ Insecure origins treated as secure
阅读全文
posted @ 2025-11-10 16:19 SimoonJia
阅读(87)
评论(0)
推荐(0)
1
2
3
4
5
···
35
下一页
公告