-
- CSS定位与Flex布局结合技巧
- 绝对定位元素在flex容器中会脱离flex流，需为容器设置position:relative作为定位上下文，并手动预留空间；其位置基于contentbox计算，且不受justify-content、align-items控制。
- 文章 · 前端 | 2星期前 | 399浏览 收藏
-
- CSS动画中transform-origin控制旋转中心
- transform-origin决定旋转中心，默认为元素中心；设置如topleft可让元素绕左上角旋转，结合animation实现精准动画效果。
- 文章 · 前端 | 2星期前 | 165浏览 收藏
-
- 点击过的图片变灰技巧：CSS :visited + filter实现
- :visited伪类对<img>无效，因浏览器隐私限制仅允许作用于<a>且禁用filter；可靠方案是用JavaScript结合localStorage或class切换实现点击灰度效果。
- 文章 · 前端 | 2星期前 | 353浏览 收藏
-
- Set 实现标签云实时去重与增量更新方法
- JavaScript的Set实现动态标签云，利用其自动去重、O(1)增删查性能，支持实时响应输入/事件、合并本地与远程标签，并需注意大小写处理、空白过滤及排序渲染。
- 文章 · 前端 | 2星期前 | 276浏览 收藏
-
- JavaScript模块化开发教程
- JavaScript模块化关键是匹配运行环境：浏览器需type="module"且路径为URL，Node需.mjs或"type":"module"，ESM与CommonJS互操作单向受限，环境不匹配是报错主因。
- 文章 · 前端 | 2星期前 | 381浏览 收藏
-
- Expo热更新实战：开发警告与生产崩溃解决
- 本文详解expo-updates在SDK升级（如46→49）后常见的「开发模式禁用」警告及EAS构建后闪退/白屏问题，涵盖运行时版本配置、环境隔离逻辑、安全调用时机与真机调试验证全流程。
- 文章 · 前端 | 2星期前 | 404浏览 收藏
-
- Sass与Less深度对比：语法、功能与生态分析
- Sass和Less在变量作用域、嵌套选择器&用法、函数兼容性及构建生态上存在本质差异：Sass作用域严格、!default可控、&要求空格、函数类型安全；Less变量懒求值易覆盖、&解析宽松、函数参数和返回值不一致、loader配置逻辑不同。
- 文章 · 前端 | 2星期前 | 216浏览 收藏
-
- React 声明式排序：使用 toSorted 实现高效更新
- Array.prototype.toSorted()是ES2023引入的不可变排序方法，不修改原数组而返回新数组，天然契合React声明式更新；相比会就地修改的sort()，它避免状态篡改、优化失效和调试困难等问题。
- 文章 · 前端 | 2星期前 | 344浏览 收藏
-
- animation-play-state控制动画暂停与播放方法
- animation-play-state仅对CSS@keyframes动画生效，无法控制JS动画；需确保元素已声明animation（非none且duration>0）；JS中须用驼峰写法animationPlayState；推荐class切换而非内联样式；暂停时样式保持、CPU降低，但不支持指定帧暂停。
- 文章 · 前端 | 2星期前 | 136浏览 收藏
-
- CSS设置背景图不随滚动移动方法
- background-attachment:fixed在移动端失效是因为iOSSafari和安卓WebView主动禁用该属性以避免滚动卡顿；替代方案是用position:sticky模拟或改用background-attachment:local。
- 文章 · 前端 | 2星期前 | 419浏览 收藏
-
- Bootstrap 5 图片对齐方法详解
- Bootstrap5中图片居中需按容器类型选择方法：父容器用text-center可使行内图片水平居中；单图居中须加img-fluid、d-block和mx-auto；Flex布局需父容器设d-flex并配合justify-content-center和align-items-center。
- 文章 · 前端 | 2星期前 | 250浏览 收藏
-
- 使用 export 实现模块自销毁，降低内存占用
- “自销毁逻辑”的模块实例不能通过export语句直接导出，因export仅为静态声明绑定，不控制生命周期；需导出含init()/destroy()方法的工厂或类，由调用方显式管理资源。
- 文章 · 前端 | 2星期前 | 228浏览 收藏
