- 博客(489)
- 收藏
- 关注
RSS订阅原创 clsx源码阅读
地址：[https://github.com/lukeed/clsx/blob/master/src/index.js](https://github.com/lukeed/clsx/blob/master/src/index.js)上面代码中，别名`.`的`require`条件指定`require()`命令的入口文件（即 `CommonJS` 的入口），`default`条件指定其他情况的入口（即 `ES6` 的入口）。//default条件指定其他情况的入口（即 ES6 的入口）。
2025-05-24 23:00:00
710
原创 React19源码阅读之commitRoot
在 React 中，副作用钩子可能会返回一个清理函数，用于在组件卸载时进行资源释放、取消订阅等操作，该函数就是负责调用这些清理函数的。函数是 React 渲染流程中用于提交根节点的核心函数，它负责将渲染阶段生成的结果应用到实际的 DOM 上，并执行相关的副作用操作。节点及其关联的资源，确保内存释放和旧节点引用断开。函数来实际执行这些副作用，并在执行前后进行状态的保存和恢复，确保操作的正确性和状态的一致性。节点，逐个清理节点及其关联资源，并且在遍历过程中根据节点的兄弟节点和父节点信息进行路径回溯。
2025-04-24 18:55:32
809
原创 React19源码系列之createRoot的执行流程是怎么的？
2024年12月5日，react发布了react19版本。后面一段时间都将学习它的源码，并着手记录。react官网：react19新特性在用vite创建react项目的使用，main.ts主文件都会有以下代码。该代码是整个项目的入口。接下来我们就看看是如何执行。
2025-03-14 14:15:59
1153
原创 umi4项目提交css样式display: -webkit-box会被修改为display: box问题解决
提交代码时，会被修改为直接提交。原因是文件中存在配置报错这是因为禁止值使用浏览器前缀。查看：https://stylelint.io/user-guide/rules/value-no-vendor-prefix/: 禁止值添加供应商前缀解决的一些其他配置。
2024-07-18 20:26:35
550
原创 利用node连接mongodb实现一个小型后端服务系统demo
node 版本 16.16.0node 版本 18.16.0 会连接 MongoDB 数据库错误。项目安装 MongoDB 的 node 版本要跟启动时的 node 版本一致，否则会报错${
2024-07-05 21:10:15
691
原创 axios源码打包关于rollup.config.js文件分析
标签引入，对组件库或框架库来说，解决了以前一套代码无法多端使用的难题。是一种常见的模块导出模式，尤其在 CommonJS 环境中。这种模式通常用于将模块的内部函数或对象导出，以便在模块外部使用。通常是一个返回特定对象或函数的表达式，该对象或函数随后被赋值给。只适用于浏览器，虽然也支持。，但不如 Node 自家的。的结合体，同时还兼容了。// 执行axios。一个 JS 文件中，// 执行axios。
2024-06-29 11:40:13
638
原创 fetch-jsonp源码阅读
源码地址：https://github.com/camsong/fetch-jsonpjsonp优势请求数据没有跨域的限制,后台不用考虑跨域问题对于老版本浏览器更加支持jsonp缺陷。
2024-06-28 21:12:28
625
原创 umi4 项目打包后文件样式优先级错乱
实际情况，页面样式和组件库样式，均被打入一个 chunk 包，且组件库优先级更高，覆盖掉了页面样式。打包dist 利用nginx部署（异常）按照预期，页面样式需要覆盖掉组件库样式。问题“组件库的样式优先级会比自定义的。本地开发环境（正常）
2024-06-13 18:31:47
501
原创 copy-to-clipboard源码解读(含有toggle-selection源码以及navigator.clipboard的使用)
copy-to-clipboard源码解读、toggle-selection源码、navigator.clipboard的使用
2024-03-23 13:48:56
1556
原创 resize-observer源码解读
node 18.16.0 (npm 9.5.1) 启动失败报错。node 16.16.0 (npm 8.11.0) 启动成功。是一个数组，返回所有正在活跃的目标element列表。监听 elementRef.current 的變化。里面还有一层组件SingleObserver。真正组件在ResizeObserver组件。在 SingleObserver 组件。真正实现观察的方法在这个组件。解决：更改 node 版本。
2024-03-19 19:54:51
810
原创 resize-observer-polyfill 源码解读之 ResizeObserverController
这个是个单例的控制器或者叫调度器。所有的归它管理，或者说归它管。它是调度器，它会检测 DOM 上面的变化，通过或者事件(如果前者不支持的话)， 同时它还订阅了事件，它只关心这些css属性的变化。"top","right","bottom","left","width","height","size","weight",当这些事件被促发的时候，它就会迭代内部的 SPI 数组，调用它们的过滤出变化的 SPI,然后对于迭代变化的 SPI,依次调用它们的方法。/***/
2024-03-18 12:01:51
546
原创 resize-observer-polyfill 源码解读之 ResizeObserverSPI
这个是真正提供观察某个元素功能的地方，SPI应该是的简称。它是那三个接口真正提供功能的地方。它提供了如下的方法, 开始观察某个html元素,该元素以的形态保存于内部的一个Map里面。, 停止观察某个html元素停止观察所有的 html 元素。轮询内部的,调用它的isActive()方法，发现更新了元素，存放于内部的数组中轮询内部的,调用它的,更新最新值。同时调用callback通知观察者更新。返回当前是否存在更新的元素。清除更新的元素数组。。//存在更新的被观察目标元素。
2024-03-15 12:39:12
691
原创 resize-observer-polyfill源码解读之ResizeObservation
这个类是被观察的元素的封装， 它会保存元素上一次的宽高信息，提供了两个方法isActive()与元素之前的宽高进行比较，如果不同则返回 true,这样就指定这个元素更新了。这个是用当前的值更新上一次的值。target;// element的content宽度//element的content高度// element的padding-left padding-top width height/*** 创建ResizeObservation实例*//**
2024-03-14 18:13:01
1373
原创 antd5 虚拟列表原理（rc-virtual-list）
rc-virtual-list 版本 3.11.4(2024-02-01)版本：virtual-list-3.11.4。
2024-03-13 18:07:25
3740
原创 antd5 上传图片支持裁剪处理和预览图片（antd-img-crop）
利用Upload组件的openFileDialogOnClick属性。
2024-03-07 18:08:30
1804
原创 umi4 项目使用umi-plugin-keep-alive缓存页面(react-activation)
按 name 卸载缓存状态下的 节点，name 可选类型为 String 或 RegExp，注意，仅卸载命中 的第一层内容，不会卸载 中嵌套的、未命中的。按 name 刷新缓存状态下的 节点，name 可选类型为 String 或 RegExp，注意，仅刷新命中 的第一层内容，不会刷新 中嵌套的、未命中的。按 name 卸载缓存状态下的 节点，name 可选类型为 String 或 RegExp，将卸载命中 的所有内容，包括 中嵌套的所有。true: 卸载时缓存。获取所有缓存中的节点。
2024-03-06 12:54:27
4567
4
原创 react项目中使用video标签设置自动播放并未及时播放解决
react项目中使用video标签设置autoplay,但是视频不会直接播放，会加载一段时间后才会自动播放。手动调用play方法。
2023-12-05 20:28:23
1266
原创 js将图片文件转为base64格式
重要提示：FileReader 仅用于以安全的方式从用户（远程）系统读取文件内容 它不能用于从文件系统中按路径名简单地读取文件。要在 JavaScript 中按路径名读取文件，应使用标准 Ajax 解决方案进行服务器端文件读取，如果读取跨域，则使用 CORS 权限。元素上选择文件后返回的FileList对象，也可以来自拖放操作生成的 DataTransfer对象，还可以是来自在一个。对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用。对象指定要读取的文件或数据。
2023-11-10 20:34:22
1122
React19源码解析之commitRoot函数：深入理解React渲染流程与根节点提交机制
2025-04-24
resize-observer-polyfill源码分析
2024-03-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人