斐济的xie

随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的Performance API中的指标逐步演进成用户性能体验相关的...

无渲染组件（Renderless Components）是一种设计模式，其核心理念是将组件的逻辑和表现分离。具体来说，无渲染组件只关注业务逻辑和状态管理，而不关心具体的 U...

这是一个同事和我说的，我还是第一次知道按钮还会触发键盘事件，按钮都没有地方可以输入，怎么会触发键盘的事件呢，但是现实就是可以触发，我又是一个假前端😅 原因 按钮也会获得焦...

原因：因为button按钮点击之后焦点没有移除，点击空格或回车之后会继续执行button的click事件 解决办法： 空格与enter 分别绑定一个方法 这样按了也不会影响...

TS是一门在JS基础上拓展的静态弱类型语言，从名字上来看，ts强调了它的核心是“type”。工作原理归纳,TS编译器分为以下几个关键部分，TS的工作原理大致可以总结为，to...

前言 在前端开发和接口调试过程中，我们经常需要对 HTTP 请求和响应进行拦截、修改和分析。Whistle 是一个功能强大的 Web 调试代理工具，能够帮助我们轻松实现这些...

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + ...

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！...

2025 年可以说又是一个跨平台的元年，其中不妨有「鸿蒙 Next」 平台刺激的原因，也有大厂技术积累“达到瓶颈”的可能，又或者“开猿截流、降本增笑”的趋势的影响，2025...

以前项目中在后端数据有重复数据的时候经常会遇到这个warning,这个一般只是一个警告，不会导致运行时报错。但最近在项目中由于Duplicate keys 导致update...

我们前端，可能是公司里最卷的岗位之一。天天加班加点，追最新的技术栈，像素级还原设计稿，为了那100毫秒的性能提升死磕到底。 但不知道你有没有过类似的感受：尽管我们做了这么多...

微前端架构是为了在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来...

这篇文章算是我对在阿里做微前端的一个总结吧，没有写的事无巨细，更像是一个对自己的备忘录，很多地方因为做的比较久了记忆也比较模糊了我也会慢慢补充。 我对微前端的理解 当我们在...

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

深入解析SSE与@microsoft/fetch-event-source：现代Web实时通信的利器 概述 在现代Web应用开发中，实时数据推送已成为提升用户体验的关键技术...

大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早...