斐济的xie

本文暂未涉及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应用开发中，实时数据推送已成为提升用户体验的关键技术...

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

Lynx弥补了Flutter未能使用JavaScript的遗憾，让熟悉JavaScript的开发者能够以更低的学习成本，快速构建高性能的跨端应用。...

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base6...

前端性能优化手段之一压缩代码体积，前端 gzip 压缩搭配 Nginx 配置效果更佳，Gzip 压缩可以实现减小代码体积...

前言 正常开发中，比如设置最小字体为12以下，会出现不生效的情况。原因是因为谷歌浏览器有最小字体的限制，那么如何解决这个问题呢？ 本文主要说明两个方式： 调整谷歌浏览器的默...

微前端框架中，js隔离、样式隔离、元素隔离是必须解决的三个问题，下面我们就来分别说说这三个问题是什么？怎么解决？ 涉及的核心点是 Proxy，WebComponent，sh...

目前很多互联网大厂的移动端开发都在朝着跨端动态化方向发展。由于快速迭代开发或者对原生包体积要求严格，及其对资源成本的把控，实现跨端动态化迫在眉睫。...