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

前端开发必须掌握的二进制神器Blob，轻松实现本地预览、零上传下载、内存流式处理，一文吃透原理、API、性能陷阱与最佳实践，让你的应用秒开不卡！

vue3的script setup提案处于实验阶段已经几个月了，当我们用vite的vue模板时终端会提示我们这仍是一个实验性提案，并且建议我们如果使用这个写法要锁vue版本以避免breakage。

Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 pr

前端开发 8 个实用小技巧：高效解决日常开发痛点 在前端开发过程中，我们经常会遇到一些看似简单却耗时的问题，比如处理表单数据、优化交互体验、解决兼容性 bug 等。很多时候，掌握一些冷门但实用的小技巧

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

面试官：说说token失效的处理方式 主动处理 主动处理：主要是前端的活儿，客户端主动介入处理token过期问题 思路 token产生（存入本地）时的时间戳：用户成功登录，存token时记下此刻的时间

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…