前端技术文章
-
Tailwind4.0+原生支持bg-[url(...)]任意值语法，无需配置即可添加背景图，但路径须相对于CSS入口文件，需注意编码、引号及配套bg-cover/bg-center等修饰类。305 收藏 -
基于ESM实现的AOP框架通过动态import()、模块化切面与运行时注册表，支持逻辑插拔和热更新，聚焦函数级织入，零侵入、可tree-shaking，适用于API拦截等场景。173 收藏 -
异步重试机制需满足三原则：只重试可恢复错误（如5xx、网络异常）、采用带抖动的指数退避错开时间、设次数与总耗时双上限，并辅以可观测性与用户反馈。138 收藏 -
customElements.define()必须在HTML解析前执行，否则标签被当作未知元素不升级；标签名须含短横线，类须继承HTMLElement且显式命名，重复注册或未注册即使用均导致失败。171 收藏 -
CSS的border-spacing创建的间隙不属于任何元素，无法直接设置背景色；但可通过双box-shadow模拟悬停时行间距的着色效果。359 收藏 -
main标签是HTML5中定义页面唯一主体内容的语义化标签，不包含页眉、导航等重复元素，每页仅能使用一次，且不能嵌套在header、nav、aside、footer等标签内，用于提升代码可读性、SEO及无障碍访问。169 收藏 -
本文介绍如何让HTML容器（如侧边栏）在保持响应式布局的同时，确保其宽高始终为32px瓦片尺寸的整数倍，避免背景图像裁切，兼顾兼容性与可维护性。本文介绍如何让HTML容器（如侧边栏）在保持响应式布局的同时，确保其宽高始终为32px瓦片尺寸的整数倍，避免背景图像裁切，兼顾兼容性与可维护性。在使用固定尺寸瓦片图（如32×32px）作为背景时，若容器宽高不能被32整除，会导致瓦片在边缘被截断或拉伸失真。你希望容器宽度≈20%视口宽度207 收藏 -
核心是用watch监听表单快照差异，需在页面加载后立即用structuredClone或JSON.stringify获取初始快照，配合deep:true监听整体变化，用lodash/isEqual或类型标准化比对，提交后同步更新initialForm并重置isDirty。364 收藏 -
manifest.json中screenshots字段必须为HTTPS绝对路径，类型为字符串数组，需托管于支持CORS的HTTPS服务器，统一用.webp格式，尺寸须符合平台要求（如GooglePlay要求1080×1920），且需配合正确设备模拟与缓存更新机制。112 收藏 -
用PostCSS+preset-env、UnoCSS和cssnano配置模板统一多项目CSS工程化：共享.browserslistrc、按需生成工具类、标准化压缩，三者解耦可pin，避免黑盒脚手架维护困境。487 收藏 -
flex居中失效最常见的原因是父容器未设display:flex，或子元素脱离文档流；需确认父容器启用flex、子元素未用absolute/floating，且父容器有明确高度。486 收藏 -
分片计算需每帧控制在2ms内并主动退出，禁用DOM操作，兼容降级需模拟timeRemaining和超时逻辑，中断时须保存offset与中间状态。461 收藏