自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 前端监控和错埋点

前端监控是 “线上 bug 的灭火器”,要覆盖 “异常、性能、行为” 三大模块,既要解决紧急问题,又要提前预警风险;埋点是监控的 “数据来源”,要避免 “位置错、参数错、重复埋” 等常见问题,推荐 “全埋点 + 代码埋点” 结合;无论是监控还是埋点,都要 “以目标为导向”,建立 “收集 - 分析 - 优化” 的闭环,不做无用工。

2025-10-09 16:53:32 1087

原创 Loader编写思路

在前端构建工具(如 Webpack、Vite)中,loader 用于对不同类型的文件进行预处理,将其转换为浏览器能够识别的代码。

2025-07-31 20:33:49 526

原创 深入理解 React 中的 useMemo 与 useCallback:性能优化的利器

useMemo和useMemo:缓存计算结果,适用于复杂计算或稳定对象引用。:缓存函数引用,适用于向子组件传递函数或作为 useEffect 依赖。记住:性能优化的前提是 “发现性能问题”,而非提前过度设计。合理使用这两个 Hooks,既能提升应用体验,又能避免不必要的资源消耗。

2025-07-17 15:59:17 990

原创 Vue 中的插槽:让组件更具灵活性与扩展性

<MyButton>点击我</MyButton>

2025-07-16 20:03:00 552

原创 深拷贝和浅拷贝

浅拷贝:表面复制,内部的 “便签纸” 还是共享的。深拷贝:彻底复制,所有内容都是独立的。

2025-06-19 15:09:36 547

原创 前端核心知识拆解:数据类型、数组操作、闭包与事件循环

数据类型判断typeof基础但有坑,精准通用;数组方法:增删改查、遍历迭代全覆盖,按需选splicemapreduce等;闭包:合理利用延长变量生命、封装私有逻辑,注意内存泄漏;事件循环:异步执行的底层逻辑,微任务优先宏任务,决定代码执行顺序。掌握这些知识,前端基础更扎实,应对复杂需求、排查异步 bug 更得心应手,后续进阶框架、性能优化也更轻松~

2025-06-11 15:06:25 658

原创 事件流与事件委托

事件流描述了事件在 DOM 树中从触发到处理的完整路径捕获阶段:事件从document根节点出发,逐层向下 “捕获” 到目标元素的父节点(如点击按钮时,先触发document→html→body→父容器目标阶段:事件抵达实际触发的目标元素(如按钮本身)。冒泡阶段:事件从目标元素开始,反向向上 “冒泡” 回根节点(如按钮→父容器→body→html→document。

2025-06-10 11:45:46 383

原创 前端开发核心知识 React知识点总结

React Fragment 是一个简单却强大的特性,它解决了 React 组件必须有单一根元素的限制,同时避免了不必要的 DOM 节点。通过合理使用 Fragment,开发者可以构建更清晰、更高效的组件结构,提升应用性能和可维护性。React Context 是 React 提供的一项强大功能,旨在解决组件树中数据传递的复杂性。它允许我们创建一个全局的数据存储区域,让任何组件都能访问和订阅其中的数据,而无需通过层层嵌套的 props 传递。

2025-06-09 16:08:50 1237 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除