一颗不甘坠落的流星-优快云博客

原创【JS】事件汇总（方便查找）

事件汇总，方便快速查找，及时上手。

2024-01-23 12:30:46 1812

原创【JS】BOM 详解（工作必备）

- BOM（Browser Object Model）：浏览器对象模型- 其实就是操作浏览器的一些能力- 我们可以操作哪些内容1. 获取一些浏览器相关信息（窗口大小）2. 操作浏览器的滚动条3. 浏览器的信息（浏览器的版本）4. 让浏览器出现一个弹出框（alert、confirm、prompt）- BOM的核心就是window对象- window是浏览器内置的一个对象，里面包含着操作浏览器的方法

2023-04-15 12:40:40 5922

文章目录一、选择器权重二、基础选择器2.1、通配符（*）2.2、标签选择器（h1）2.3、 id选择器（#）2.4、class选择器（.）三、层级选择器3.1、群组选择器（E,F）3.1、包含选择器（E F）3.1、子元素选择器（E>F）3.1、相邻兄弟选择器（E+F）3.1、通用选择器（E~F）三、属性选择器3.1、 [attribute]选择器3.2、 [attribute=value]选择器3.3、 [attribute~=value]选择器3.4、 [attribute|=value]选择

2022-04-02 16:22:25 2221

原创【JS】对象方法（工作常用）

js 中操作 object 对象方法大全

2021-08-31 14:45:25 558

原创【JS】字符串方法汇总（工作常用）

字符串常用方法charAt()charAt()：返回指定索引位置的字符，由传入方法的整数参数指定。let str = "hello world";console.log(str.charAt(7)); //oconsole.log(str.charAt(70)); //""charCodeAt()chatCodeAt()：返回指定索引位置的unicode编码，由传入方法的整数参数指定。let str = "hello world";console.log(str.charCo

2021-04-10 17:06:54 4369 1

原创【JS】DOM 文档操作大全（必备收藏）

DOM（Document Object Model）：文档对象模型，其实就是操作HTML中的标签的一些能力。本文枚举了DOM各种操作，如：获取一个元素、移除一个元素、创建一个元素、向页面里面添加一个元素、给元素绑定一些事件、获取元素属性、给元素添加一些css样式。。。等各种操作

2021-01-22 20:58:51 5182

原创【JS】数组方法汇总（工作常用）

数组所有方法汇总及使用案例详解

2021-01-20 17:27:31 1510 1

原创【CSS】各属性用法汇总（必备收藏）

本文汇聚了几十种 css 常用属性的使用方法教程案例，让你轻松搞定 css 设置

2020-12-18 09:23:34 7148 4

原创【JS】ResizeObserver（用于监听元素尺寸变化的接口）

本文介绍了ResizeObserver API的基础用法和框架示例。ResizeObserver用于监听元素尺寸变化，通过创建实例并指定观察元素实现。核心包括observe()开始观察、unobserve()停止观察单个元素、disconnect()停止所有观察。回调函数接收的ResizeObserverEntry对象包含元素尺寸信息，如contentRect和borderBoxSize等属性。文章提供了原生JavaScript实现代码，并展示了React和Vue框架中的使用示例，均包含组件卸载时的清理操作

2025-07-23 10:07:12 266

原创【JS】事件类型（可addEventListener监听）

本文介绍了JavaScript中常用的浏览器事件类型，涵盖7大类：1)窗口/视图事件（resize、scroll等）；2)鼠标事件（click、mouseover等）；3)键盘事件（keydown、keyup）；4)焦点事件（focus、blur）；5)表单事件（change、submit）；6)移动端触摸事件；7)其他重要事件（hashchange、storage等）。文中提供了事件监听代码示例和详细的事件功能说明表格，适合开发者快速查阅各类浏览器事件的应用场景。这些事件处理是前端交互开发的基础知识。

2025-07-22 18:26:42 340

原创【JS】获取元素宽高（例如div）

本文介绍了在React中获取元素高度的几种方法：offsetHeight（含边框）、clientHeight（不含边框）和scrollHeight（含滚动内容）。通过useRef绑定DOM元素，在useEffect中获取初始高度并监听窗口变化更新高度值。示例代码展示了如何创建一个响应式的高度测量组件，包含resize事件处理和高度显示功能。纯JS版本也可用getElementById替代useRef实现相同效果。

2025-07-22 18:14:40 214

原创【JS】解析数字精度丢失问题及解决方案

摘要：本文介绍了处理大数字数据的两种方法：1) 最佳实践是让后端以字符串形式返回大数字，避免精度丢失；2) 若后端无法修改，前端可通过JSON.parse的reviver函数将指定字段(如snapshotId)转换为字符串。示例展示了React组件中如何实现这一转换，包括API请求、状态管理和大数字处理逻辑。该方法适用于需要处理后端返回的大数字值(如长ID)而不损失精度的场景。

2025-07-07 17:32:08 189

原创【JS】动态计算文件大小，选择合适的单位（例如MB/GB/TB）

【代码】【JS】动态计算文件大小，选择合适的单位（例如MB/GB/TB）

2025-05-13 15:35:27 333

原创【JS】计算任意字符串的像素宽度（px）

JS 计算任意字符串的像素宽度（px）

2025-04-21 18:21:46 225

原创【React】搜索时高亮被搜索选中的文案

React 搜索时高亮被搜索选中的文案

2025-04-21 18:13:15 353

原创【React】获取元素距离页面顶部的距离

React 获取元素距离页面顶部的距离

2025-04-21 17:55:21 451

原创【Git】git cherry-pick（将某个分支的 commit 改动复制到当前分支）

git cherry-pick命令解析将某个分支的 commit 改动复制到当前分支

2025-03-25 11:34:43 720

原创【Moment.js】判断某个时间是否位于某个时间区间范围内

Moment.js 判断某个时间是否位于某个时间区间范围内

2025-03-25 11:09:22 419

原创【Moment.js】计算两个时间的时间差，并将结果转换为 ‌天、时、分、秒‌ 格式

Moment.js 计算两个时间的时间差，并将结果转换为 ‌天、时、分、秒‌ 格式

2025-03-25 11:02:22 487

原创【ICE】飞冰项目中根据不同域名设置不同的网站logo

飞冰项目中根据不同域名设置不同的网站logo

2025-02-24 17:04:22 242

原创【ICE】飞冰项目添加系统鉴权流程

react脚手架ice.js飞冰项目，添加系统鉴权流程

2025-02-24 15:43:25 240

原创【CSS】设置滚动条样式

:-webkit-scrollbar CSS 伪类元素会影响设置了 overflow:scroll;的元素的滚动条样式，如果没有设置 overflow:scroll;，元素的滚动条将不会显示。在CSS中，可以使用 ::-webkit-scrollbar 和相关伪元素来为滚动条设置样式，但请注意这些伪元素是非标准的，主要用于WebKit内核浏览器（如Chrome、Safari）。对于Firefox等其他浏览器，可以使用标准的CSS滚动条样式属性。

2025-01-08 14:48:35 1342