小团子同学

作为React开发者，我曾以为性能优化已做到极致，直到亲眼目睹用户上传4K图片时卡顿12秒的绝望表情。那一刻，我决定背水一战，而WebAssembly成了我的秘密武器。 噩...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

# 楔子 三年前，当我第一次接到"给这个卡片加个曝光埋点"的需求时，内心毫无波澜。不就是个IntersectionObserver吗？十分钟搞定。 现在回想起来，那时的我就...

2025年前端社招八股：场景题面试知识点整理。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...

前端大文件上传如何通过 IndexedDB 实现离线续传？ 在前端进行大文件上传时，可能会遇到网络中断、页面刷新或用户意外关闭页面的情况。使用 IndexedDB 可以存储...

背景 保存按钮点击多次，造成新增多个单据 列表页疯狂刷新，导致服务器压力大 如何彻底解决 方案：我的思路从请求层面判断相同请求只发送一次，将结果派发给各个订阅者 实现思路 ...

前言 在大型前端项目中，微前端架构能有效解决多团队协作、技术栈异构和独立部署等问题。本文基于 qiankun@2.10 和 Vue3，分享如何从零搭建一个微前端项目。 一、...

1. 前端实现图片预览 一般来说，图片在后端的存储方式分为两种： 其一：可以将图片以独立文件的形式存储在服务器的指定文件夹中，再将路径存入数据库字段中; 其二：将图片转换成...

Install task failed: JS 3.2.12.5. Install JS dependencies failed. Cause: Unable to run...

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端...

前置知识 观念改变 在这一章，会讲到如何测试组件，我在这一章只讲组件测试的基本操作，不会去讲测试的心法，后面章节再专门讲测试的心法，我会带着大家，把复杂的业务点，拆成一个一...

打包速度：优化打包速度，主要是提升了我们的开发效率，更快的打包构建过程，将让你保持一颗愉悦的心 打包体积：优化打包体积，主要是提升产品的使用体验，降低服务器资源成本，更快的...

需求 我们今天来实现一下,点击当前用户的div, 自动滚动到用户在排行榜中的位置. 效果 大家可以先看一下下面的GIF, 所实现的效果. 实现 1. 准备DOM 结构 首先...

哈喽大家好，我是广州小井。最近分享了一篇关于Vue3组件库打包的文章，其中有提到我将组件代码跟样式代码进行了分离，这样为了更好的组织样式，根源解决组合组件样式引入的问题。具...

相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。 先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直...

本文为lodash源码分析的第17篇，后续会持续更新这个专题，欢迎指正。 依赖 源码分析 at函数可以根据传入的一组路径paths，获取object里对应的一组值。 首先，...

文为lodash源码分析的第16篇，后续会持续更新这个专题，欢迎指正。 依赖 源码分析 baseFlatten函数的作用是将参数array扁平化。 首先，给形参predic...

本文为lodash源码分析的第15篇，后续会持续更新这个专题，欢迎指正。 依赖 源码分析 isFlattenable函数的作用是，检查value是否可以被展平。即，valu...

本文为lodash源码分析的第14篇，后续会持续更新这个专题，欢迎指正。 依赖 get函数的作用是获取object里path对应的值，具体参考专栏第一篇。 源码分析 bas...

今天我们来一起看一下 axios 这个前端请求库设计。我们将主要从以下几个方面来一起看一下： axios 拦截器思想的设计 axios 多环境适配的思想 ts模板模式实现通...