背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目标，并给出了最简洁的解法。

遇到了本地正常, 生产报错, 并且控制台不报错. 找到了问题, 原来问题很简单, 也很通用, 和业务无关. 总结并分享给大家, 避免遇到类似的问题和我一样浪费时间.

一、工具介绍 i18n-auto-extractor是一款专为前端项目设计的国际化(i18n)自动化解决方案工具，它能自动提取项目中的中文文本并翻译成多种语言。

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是有阻力的。 有同事问：“老大

还在为提效发愁吗？手把手带你完成 Node CLI 核心开发，深入使用 Node CLI 生态库，文末准备了 190+ 个Node工具包福利~

webpack 将我们的项目源代码进行编译打包成可分发上线的静态资源，在开发阶段我们想要预览页面效果的话就需要启动一个服务器伺服 webpack 编译出来的静态资源。webpack-dev-serve

CSS是一门几十分钟就能入门，但是却需要很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是，本身不具备真正的模块化能力。 1. 面临的问题 你可能会说，CSS有@import功能。然而，我们都知道，这里的@import仅仅是表示引入相应的CSS…

已经使用HEXO正常构建GitHub页面 根据github action 给hexo配置自动部署github page

GitHubActions是一个持续集成和持续交付的平台，它可以帮助你通过自动化的构建（包括编译、发布、自动化测试）来验证你的代码，从而尽快地发现集成错误