- 博客(15)
- 收藏
- 关注
RSS订阅原创 浅拷贝与深拷贝详解
深拷贝是创建一个新对象，并递归地复制原对象的所有属性，包括嵌套的对象和数组。深拷贝会完全复制所有层级的数据，新对象和原对象完全独立，互不影响。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址。在实际开发中，对于复杂对象的深拷贝，推荐使用成熟的第三方库如lodash的。缺点：无法处理函数、Symbol、undefined和循环引用。浅拷贝是创建一个新对象，然后将原对象的属性值。
2025-05-09 11:11:42
507
原创 防抖与节流使用详解
防抖：适用于等待用户停止操作的场景（如搜索建议）。节流：适用于控制执行频率的场景（如滚动加载）。手动封装时注意闭包和setTimeout的管理。轻量库推荐Lodash（功能全）、Throttle-Debounce（专精）。
2025-05-08 09:42:22
362
原创 普通函数和异步函数的区别
特性普通函数异步函数（async执行方式同步阻塞异步非阻塞（依赖await返回值直接返回值返回 Promise错误处理try/catch或.catch()适用场景同步任务I/O、网络请求等异步任务。
2025-05-07 09:19:42
424
原创 localStorage 和 sessionStorage 异同点
和都是 Web Storage API 提供的在客户端存储数据的机制，它们允许你在浏览器中存储键值对数据。
2025-05-06 10:42:28
479
原创 前端三类模块化方式理解
ES Modules（ESM）提供了多种灵活的导入导出方式，以下是所有可能的用法，涵盖。四个维度，对比分析 IIFE、CommonJS 和 ES6 Modules 的异同。
2025-03-28 11:23:08
725
原创 vite打包给项目在window上增加版本信息
关于怎么优雅的给打包后的文件window对象中增加版本信息，昨天困扰了我很久，今天终于解决了！以上部署后即可在浏览器控制台中通过。
2025-03-26 19:08:12
303
原创 在浏览器地址栏输入URL后发生了什么？
如果主线程解析到 link 位置，此时外部的 CSS 文件还没有下载解析好，主线程不会等待，继续解析后续的HTML。完成绘制后，主线程将每个图层的绘制信息提交给合成线程，剩余工作将由合成线程完成合成线程首先对每个图层进行分块，将其划分为更多的小区域。为了提高解析效率，浏览器在开始解析前，会启动一个预解析的线程，率先下载 HTML中的外部CSS 文件和 外部的 JS 文件。-合成线程会将块信息交给 GPU进程，以极高的速度完成光栅化，GPU 进程会开启多个线程来完成光栅化，并且优先处理靠近视口区域的块。
2025-03-24 19:43:18
1032
原创 视差滚动效果实践
视差滚动（Parallax Scrolling）是一种通过让多层背景以不同速度移动来营造立体感和动态效果的技术，常见于网页和游戏开发中。通过速度差异模拟人眼观察远近物体的视差效果，近处物体移动快，远处物体移动慢。将页面内容分为多个层级（如前景层、内容层、背景层），每层承载不同视觉元素。复制最后的代码，滚动页面见效果。
2025-03-19 09:31:36
341
原创 pnpm管理 的Monorepo 项目，为什么使用npm 启动不了
最近在维护Monorepo的项目，每当有人加入开发，总是有人启动不了报错，一问怎么启动的，基本都是npm install安装的依赖，问题也就显而易见了。通过遵循以上规则，可确保 Monorepo 项目的稳定性和跨工具兼容性。删除所有 lockfile 并仅使用。
2025-03-18 16:51:34
1995
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人