文章列表

高质量内容，深度覆盖 AI、区块链、软件研发与创业人生。

使用 Shadow DOM 实现 CSS 隔离

深入探讨 CSS 隔离问题，通过两个真实案例展示如何使用 Shadow DOM 实现彻底的样式隔离，特别适用于微前端、Chrome 插件等场景。

7/7/2025

胡伟红

阅读全文

#web#typescript

排错：React Invalid hook call

一个简单的 React Hooks Invalid hook call 排错

PGlite 在浏览器插件环境中加载远程 WASM 的方案

为了减小插件打包容量，需要在浏览器插件中加载远程 WASM，本文介绍一种方案。

本文总结了 Web 应用性能测试的工具和方法

排错：Svelte应用的 <head> 中出现重复元素

发现 Svelte 应用的 html 源码中有多个重复元素出现在 <head> 里，怎么办？

用了一段时间的 typescript 之后，深感项目中使用 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 typescript，学习 typescript 已是势在必行。

前端性能优化-preload,prefetch,preconnect

在页面生命周期中提前加载你指定的资源，同时确保在浏览器的主要渲染机制启动之前。这样就可以保证了其不会阻止浏览器的渲染并提前加载资源以此来提高性能。

如今 IndexedDB 已经被绝大多数现代化浏览器所支持，本篇文章介绍如何快速入门 IndexedDB。

babel 是一个 Javascript 编译器，可以将ES6代码转为ES5代码，从而在现有环境执行。

谈谈 Service Worker 与 PWA

Service Worker 是浏览器在后台独立于网页运行的脚本。PWA（Progressive Web App）是web应用程序，但在外观和感觉上与原生app类似。

排错：调用 rxjs 的 ajax 报 'CORS is not supported by your browser'

本以为一个简单的 ajax 调用，居然报 CORS is not supported by your browser，什么情况？

技巧：根据主题模式（dark/light）切换favicon

项目开发时，有可能会根据主题模式使用不同的 favicon，这里介绍一个小技巧：使用 SVG 来实现