皓月Code-优快云博客

原创【webpack逐步构建React项目详细解析版】

构建React项目一般分为脚手架构建的方式和webpack逐步构建的方式，本期就是对webpack一步一步构建项目进行逐步详细讲解。

2025-01-10 11:43:08 292

原创【关于Checkbox的checked及defaultChecked用户交互更新相关问题解决】

首先，只是组件初始化第一次的时候设置初始值，不会动态更新！其次checked设置值选中，要用state状态管理结合onChange方法才能实现用户交互（点击取消）的数据更新！

2024-11-29 14:50:15 247

原创【双声道及语谱图wavesurfer.js实现、spectrogram语谱图颜色设置】

这期分享借助wavesurfer的插件实现双声道！

2024-10-14 14:30:59 711

原创【Uncaught(in promise)TypeError:0bject.hasOwn is not a function 报错解决、polyfill 支持Object.hasOwn 低版本浏览器】

在项目开发完成后，进行版本测试过程中，更换了浏览器，遇到报错控制台：报错定位：报错由该项目中使用的插件导致，hasOwn是es2022新语法，旧浏览器不支持。提案方法与具有相同的行为。直接修改插件中的源码，相当于去修改了模块，你下次再时还是会被重新覆盖的，当然也可以去搜索如何优雅的修改中的代码而不被覆盖。但此方案，治标不治本。polyfill 支持在不支持的浏览器中，我们需要使用一些回退方式。我们利用与的相同行为实现支持方案：将此js文件放在项目入口文件index.js中，项目初始化时执

2024-09-11 17:29:03 800 1

原创【项目推荐——音频标注 Wavesurfer 用法及相关问题解决】

上期推荐了文本标注poplar-annotation用法，这期针对音视频标注推荐wavesurfer.js库；Wavesurfer.js 是一个基于Web Audio API 和HTML5 Canvas的开源音频可视化库，用于创建可交互、可定制的波形。同时拥有众多插件库。

2024-08-14 09:26:50 2226 1

原创【项目推荐——文本标注 poplar-annotation 用法及相关问题解决】

是一款基于js的文本标注类库，支持react、vue框架，且与其框架版本没有关系，相对于库，需要依赖react 17以上版本，更有优势。

2024-07-08 19:08:20 1477 7

原创 ReactHook之forwardRef和useInperativeHandle

这样就可以接受ref作为第二个参数。不然就只有props这一个参数。如果你的函数组件想要接受别人传来的ref参数，就必须把函数组件用。直接通过将ref传参到函数子组件，报错！【注】: 类组件是不需要的，可以直接传。会把别人传给你的ref帮你传进来。控制台报错，说函数组件不能接受。，但是一个函数组件找不到这个。【案例】：聚焦文本输入框。

2024-06-07 11:01:41 560 1

原创 2024最全JavaScript基础、核心、进阶大全

JavaScript 是一种运行在客户端（浏览器）的编程语言ECMAScript( 基础语法 )、web APIs （DOM、BOM）（1）内部：写在里面（2）外部：引用外部js （3）内联：vue框架中4.变量计算机中用来存储数据的“容器”，简单理解是一个个的盒子。用来存放数据的。注意变量指的是容器而不是数据。4.2更新变量：变量赋值后，还可以通过简单地给它一个不同的值来更新它//这里先声明未赋值，结果是undefined//可以先使用在声明，结果不报错是10//可以重复声明,结果是30，后面

2024-06-04 10:29:08 988

原创 checked全选、半选、未选实现逻辑

通过观察示例图，不难确认我们需要一个判断选择状态（全选/半选）方法，以及是否全选的。

2024-06-03 17:42:59 434

原创 JS实现将当前时间戳的时分秒置为00:00:00

大多数解决办法是将当前时间戳转换成日期，再结合些字符串处理方法，将小时，分钟转换成00:00；效果：获取当前时间戳，起始时间时分秒置00:00:00。直接利用moment，将里面的时分秒置成0。

2024-05-23 11:55:30 1013

原创 promise自定义封装（手写promise）源码

实现以下结构的promise自定义封装。

2024-05-23 11:18:33 849 1

weixin_56048772的博客