分类 · 文章

前端技术

前端框架、工程化、性能优化、跨端开发

共 110 篇文章

协议栈数据流全景分析

> 一次 HTTPS 请求从应用层到物理层的完整旅程,逐层追踪数据封装/解封装过程。 synthesis 页:跨 HTTP协议/TLS协议/TCP协议/DNS协议/ARP协议/ICMP协议 综合分析。 1. 全景拓扑:协议栈封装与解封装 先…

我花3小时debug,就因为JavaScript这个隐式转换坑

周五下午,距离上线还有2小时,我盯着监控面板上某个API的异常错误率从0.1%飙升到15%。翻遍日志发现一堆Cannot read property 'x' of null——明明数据校验逻辑里写了严格的非空判断,为什么还会漏? 现象:隐式…

在职前端 Skill 和 MCP 分享

距离上一次分享已经过去好久,这次主要分享我在做迁移代码仓时用到的一些 skill,同时也移除了一些 mcp。 首先是 skills: show-me 结合 ai 迁移代码往往有数不清的组件生成,复盘或者在研究性能问题时总还是需要了解对应模块…

ECharts:把数据变成故事的可视化利器

如果你在前端圈子里摸爬滚打过一段时间,大概率听说过 ECharts 这个名字。它是百度团队孵化、后来捐给 Apache 基金会的开源图表库,全称 Apache ECharts。这些年它已经从一个国内团队的内部项目,成长为全球范围内使用最广泛…

TypeScript速通笔记(下)

前言 欢迎回来!上一篇我们把 TypeScript 的基础类型、函数、枚举、断言这些“入门必会”的东西过了一遍。今天继续往下挖,进入更实用、也更有意思的进阶部分:交叉类型、泛型、索引签名、映射类型、类型声明文件,以及在 React 里怎么优…

前端路由策略:Memory、Hash 与 History

前端路由策略:Memory、Hash 与 History 前端路由可以理解为:根据当前路径,匹配并渲染对应的组件或页面。对于单页应用,站内导航通常不重新加载整个 HTML 文档,而是由 JavaScript 更新界面。 Memory、Has…

并发模式:让渲染学会排队、插队和让路

Day15 拆过 Fiber,说它让渲染"可中断";Day16 顺着 Fiber 讲了 Hooks 的跨渲染记忆从哪来。今天把"可中断"三个字兑现成真实产品能力,也就是 React 18 的并发特性。官方叫 Concurrent Featu…

创建 SVG 图标预览页面:从零实现到解决 CORS 问题

创建 SVG 图标预览页面:从零实现到解决 CORS 问题 问题描述 在项目开发中,我们有一个包含大量 SVG 图标的 icon.js 文件,这些图标以 SVG 的形式存储。为了方便开发团队查看和使用这些图标,我们需要创建一个静态 HTML…

JavaScript闭包的这个坑,我居然今天才爬出来

上周四凌晨,我盯着监控面板上 内存泄漏曲线 的陡峭爬升,终于在一个看似无害的工具函数里揪出了凶手——一个潜伏了三年多的闭包引用。你可能觉得闭包的基础知识早就烂熟于心了,但这个案例会让你重新审视那些"理所当然"的代码。 场景复现:内存泄漏的幽…

同样用 Element Plus,为什么你的后台总有一股“模板味”?

一个后台页面,功能都做完了:筛选能查,表格能翻页,弹窗能保存。 但你盯着它看,总觉得差点意思。 查询是主按钮,新增是主按钮,每一行又摆着三四个蓝色操作;姓名、账号、状态、时间一样醒目;筛选一个框,表格一个框,外面再套一个框。 单独看,每个组…