前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

我是Kagol，个人公众号：前端开源星球。你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢？想拆分不同仓库分开维护，又担心代码不方便复用？你可能需要改造成Monorepo啦！

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello world')，然后按回车键，会弹

本插件已收录到vite官方仓库 `awesome-vite`项目中！看我面对实际开发问题时，如何写一个vite插件解决开发问题，提高开发效率。

## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序主包限制最大也就只有`2MB

前端 MCP 工具 开发教程 核心是使用modelcontextprotocol/typescript-sdk进行开发MCP工具开发，让cursor使用playwright进行UI视觉测试。

🐱前言 今日突发奇想给自家小猪咪做一个品种血统鉴定小工具看看猪咪继承了哪些血统，毕竟小猪咪到家这么久了都不知道他继承了那只猪咪的基因～～ 🤔️技术选择 目前调研了多个图片识别，感觉只有百度的做的最好，

前言 Hello~大家好。我是秋天的一阵风 在前端开发中，position: fixed是一个非常有用的CSS属性。简单来说，position: fixed 会让元素脱离文档流，并且相对于浏览器的视口