SimoonJia - 博客园

2024年8月5日

摘要： // 创建一个立即执行的定时器 const timerId = setImmediate(() => { console.log('This will be executed immediately'); }); // 清除立即执行的定时器 clearImmediate(timerId); 阅读全文

posted @ 2024-08-05 17:57 SimoonJia 阅读(88) 评论(0) 推荐(0)

three模型抗锯齿问题

摘要： // 解决锯齿问题 effectFXAA = new ShaderPass(FXAAShader); effectFXAA.uniforms['resolution'].value.set(1 / container.value.offsetWidth, 1 / container.value.of 阅读全文

posted @ 2024-08-05 11:42 SimoonJia 阅读(60) 评论(0) 推荐(0)

canvas调整基点（中心点：x、y坐标所针对的点位）

摘要：在canvas中，可以使用textAlign和textBaseline属性来调整文字的基准点 textAlign属性：用于设置文字的水平对齐方式。 start（默认，基准点在文字左端） end（基准点在文字右端） center（基准点在文字中心） left（基准点在文字左端） right（基准点在文阅读全文

posted @ 2024-08-05 10:40 SimoonJia 阅读(258) 评论(0) 推荐(0)

2024年7月29日

css实现三角形的几种方式

摘要： 1.使用边框绘制三角形通过设置一个元素的宽度和高度为0，然后设置不同边框的颜色和宽度来实现。 <div class="triangle"></div> .triangle { width: 0; height: 0; border-left: 50px solid transparent; bor 阅读全文

posted @ 2024-07-29 18:07 SimoonJia 阅读(3060) 评论(0) 推荐(1)

2024年7月18日

ahooks方法修改页签icon和title（useTitle、useFavicon）

摘要：直接在组件内将ahooks当成一个hooks使用，并传入对应的字符串或图标即可 import React from 'react' function Index() { useTitle(`${deviceName} 》${metricName} 历史数据`); useFavicon(imgURL) 阅读全文

posted @ 2024-07-18 16:53 SimoonJia 阅读(72) 评论(0) 推荐(0)

2024年7月4日

Homebrew国内如何自动安装（国内地址）（Mac OS）

摘要：详细操作建议选择中科大数据源安装脚本： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 卸载脚本： /bin/zsh -c "$(curl -fsSL https://g 阅读全文

posted @ 2024-07-04 17:19 SimoonJia 阅读(84) 评论(0) 推荐(0)

2024年6月24日

js监听孩子节点的数量：MutationObserver

摘要：定义监听方法 //监测孩子数量 const mutationObserver = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type 'childList') { setChild 阅读全文

posted @ 2024-06-24 14:54 SimoonJia 阅读(34) 评论(0) 推荐(0)

2024年6月18日

css改变输入框光标颜色：caret-color

摘要： >input { caret-color: rgba(255, 255, 255, 0.5) !important; } 阅读全文

posted @ 2024-06-18 14:59 SimoonJia 阅读(26) 评论(0) 推荐(0)

less文件中引入另一个less文件样式内容，多用于使用公用样式

摘要： common.js :global { //下拉框失去焦点样式 .CM_DB-select-selection { background-color: #061437 !important; border: 1px solid #27436D !important; .CM_DB-select-se 阅读全文

posted @ 2024-06-18 11:39 SimoonJia 阅读(106) 评论(0) 推荐(0)

2024年6月17日

flex布局：gap的用法

摘要： gap属性可确定flex布局的间距宽度，（配合flex布局属性使用） gap: 0px 7px; display: flex; justify-content: space-around; 阅读全文

posted @ 2024-06-17 16:29 SimoonJia 阅读(274) 评论(0) 推荐(0)

Simoon

公告