为啥就换Shadcn了，因为Shadcn太火了，不少大大小小的火出圈的ai项目，就是基于Shadcn搭建的，比如assistant-ui，为了与时俱进，与国际接轨

如果你是做web前端，那么不可避免早晚都会用到iframe的。其实博主很久前用过，但最近又要有项目用了，由于年代久远对iframe的注意事项都有点忘记了，然后想着总结一下比较需要注意的几个重点事项。

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确定浮层位置： 比如滚动到页面

在平常浏览学习一些前端知识的时候，偶尔会涉及到一些与用户进行交互的小功能，需要获取用户鼠标的点击坐标，看着案例里有时会使用 clientX、clientY，有时又使用的是 offsetX、offset

SAML 提供了一种强大且灵活的方法，用于在网络应用程序和服务之间安全地交换身份信息。本文讲解了 SAML 的各种元素信息以及 SAML 工作流程，方便你更加灵活的使用 SAML。

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

微前端概念的出现是前端发展的必然阶段，PC 互联网转向移动互联网时代时，PC 场景并未完全消失，反而衍生出了更多沉浸感更高、体验感更强的应用，与之对应的应该是出现新的架构模式来应对这些应用规模的增长。

2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

提到状态管理，大家可能首先想到的是 redux。 redux 是老牌状态管理库，能完成各种基本功能，并且有着庞大的中间件生态来扩展额外功能。 但 redux 经常被人诟病它的使用繁琐。这边写一下，那边