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

...通常都有一些炫酷的效果 比如这样的 这样的 还有这样的 哎等等，你发现没有，后面两张的窗口长得很相似，只是第二张比较矮，第三张比较高，那么是不是要做两张素材来支持这种形式呢？...

在面试和实际场景中衍生出来的问题 -- 从页面白屏问题排查, 到自定义白屏检测SDK, 进来用一篇文章教会你✌️✨

随着前端快速发展，应用的性能已经变得至关重要，关于这一点大佬做了很多统计。你可以去看看。 如何降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时是非常重要的一部分。对于提升应用的加载速度常用的手段有Http Cache、异步加载、304缓存、文件压缩、C…

微前端的特性：“技术栈无关”，“独立开发、独立部署”，“环境隔离” 这意味着我们可以循序渐进的进行巨石应用的拆解，去技术升级、去架构尝试、去业务拆解等等。以低成本、低风险的进行，为项目带来更多可能性

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。

本文将详细讲解如何用最基本的`typescript`，`vite`，`less`构建`Web Components`的组件，基于原生能力开发，能够运行在任何框架，听起来似乎很不错，今天就来试试～

前言 对于复杂的逻辑或者流程来说，画一画流程图可以帮助我们更好的捋清楚逻辑。平时我女朋友也偶尔会用 processon 来画一下流程图， processon 确实是一个很好的软件。 但是免费版只能创建

之前用原生 JS 实现了一个定高的虚拟列表，这次使用 Vue3 封装一个不定高的，并利用 Vue3.3 的泛型组件以及defineSlots 新特性来让我们组件类型更加规范