_不舍昼夜

“写了这么多代码，你真的在进步吗？”——一个前端人的年度反思与全栈突围路线 这一篇，是我的一次系统复盘和突围路线分享：从“写页面的前端”走向“能落地业务、能操盘上线的工程型...

Button 封装 Button 类型定义 Button 入口文件 使用 Vitest 对 Button 进行单元测试 基本功能测试 TIP mount：原来模拟页面渲染组...

前言 浏览器渲染引擎每个阶段怎么协同工作的，线程之间并行或者互斥是怎么一回事，渲染引擎的每个阶段流水线执行，理解每个阶段的细节，是写出高性能前端代码的关键 —— 只有知其然...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

在中后台项目中，下拉框来源多样，重复配置易出错。本文提供一套基于配置驱动的统一加载方案，支持枚举、字典、接口与常量，自动完成缓存、去重、过滤，适配el-form与vxe-g...

![20220722174820](https://zakum-1252497671.cos.ap-guangzhou.myqcloud.com/202207221748...

话说，我在面试的时候，80%的情况下，都会被问到首屏优化问题，烦，恨~ 所以，看到这里的前端佬就有福了，如题，藏着个小小的知识点，大家如果遇到同样情况，说不定有作用哦！ T...

系统解析 Vue 3.6 Vapor 事件机制：为何引入、全局委托原理、编译期判定、修饰符与非冒泡/组件事件、错误处理差异，并附流程图与源码坐标。...

在本教程中，我们将使用 Service Worker 和缓存为 Next.js PWA 添加离线支持，无需额外的包，不使用 next-pwa、next-offline 或 ...

写作背景 最近在做微前端的事情，因为不太熟悉微前端机制，导致出了一些问题一开始是不知所措的，虽然最后解决了，但是还是一知半解，遂研究其原理。 single-spa的简单使用...

本文介绍了生成小红书文案的具体流程和节点设置，包括输入主题、风格、字数，以及处理URL链接和直接主题的两种方式。最后，三金分享了实际测试效果和相关资源。...

二次封装，是指因为业务上的需要，对element-ui、antd、e-chart等其他组件库，做二次封装。以下是常见的二次封装场景： 1.封装UI样式 说个我做项目遇到的情...

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？...

在封装vue组件库时一些基础的工程化方法。了解这些就可以开发基础的二次封装组件库了。但实际上不管是组件库还是前端工程化都是一个比较复杂的主题。...

大家好，我是小杨，一个做了6年前端的老司机。今天想和大家聊聊一个常见但头疼的问题：**如何在不卡死页面的情况下渲染大量数据？** 不知道你有没有遇到过这样的场景：后端一次性...

引言 简单来说，前端打包就是把一个项目里所有的文件（HTML、CSS、JavaScript、图片、字体等）整理一下，把它们合并成一个或几个文件。为啥要这么做呢？因为浏览器加...

今天，有个朋友给我发了一串神秘的字符（ (!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]...