-
- HTML属性操作：getAttribute与setAttribute详解
- 应根据操作目标选择：读写HTML源码属性（如data-、aria-）用getAttribute/setAttribute，读写DOM实时状态（如value、checked）直接访问属性。
- 文章 · 前端 | 3星期前 | 211浏览 收藏
-
- 日期精度丢失怎么解决？时间戳截断问题解析
- 关键在于毫秒是否被静默抹除或四舍五入：13位时间戳含毫秒，10位仅到秒；深拷贝后若getTime()值变化且差值为毫秒级，即发生精度丢失。
- 文章 · 前端 | 3星期前 | 211浏览 收藏
-
- CSS吸顶效果：sticky与媒体查询实战
- position:sticky在移动端失效主因是父容器设置overflow:hidden/auto/scroll而切断锚定链；媒体查询中改position类型会导致布局跳动；z-index受层叠上下文限制；兼容性差时应优先用IntersectionObserver模拟。
- 文章 · 前端 | 3星期前 | 211浏览 收藏
-
- 闭包实现动态上下文自愈执行层
- 闭包不能实现动态上下文自愈或跨环境执行，仅作为轻量封装工具参与；它可封装环境检测结果、绑定上下文快照、隔离校验逻辑，支撑可观测性驱动的决策层。
- 文章 · 前端 | 3星期前 | 211浏览 收藏
-
- JavaScript Promise详解：异步操作处理教程
- Promise是一次性状态容器，仅含pending/fulfilled/rejected三种单向流转状态；.then是映射函数，返回值决定下一级输入；.catch不捕获未链式处理的错误；Promise.all全成功才返回，allSettled则收集所有结果。
- 文章 · 前端 | 3星期前 | 211浏览 收藏
-
- JavaScript单例模式实现及应用场景解析
- JavaScript单例模式核心是确保类唯一实例并提供全局访问点，常用闭包工厂函数、ES6类静态属性或对象字面量实现，适用于状态管理、日志、SDK封装等场景。
- 文章 · 前端 | 2星期前 | 211浏览 收藏
-
- 内联缓存（Inline Cache，简称IC）是JIT（即时编译）优化中用于加速对象属性访问的重要机制。理解它的原理和作用，有助于我们更好地掌握JavaScript等动态语言的性能优化方向。一、什么是内联缓存？在面向对象的语言中，如JavaScript、Python、Ruby等，对象的属性查找是一个常见的操作。例如：obj.name每次访问 obj.name 时，解释器都需要查找该对象的原型链，找
- 内联缓存（IC）是JavaScript引擎在属性访问时就地缓存对象隐藏类与属性偏移量以跳过原型链查找的优化机制，解决动态属性访问开销大问题，按单态、多态、超态三级响应，并受对象结构稳定性影响。
- 文章 · 前端 | 2星期前 | 211浏览 收藏
-
- HTML12列栅格Grid布局入门教程
- 现代布局应直接用display:grid，以repeat(12,1fr)或auto-fit+minmax实现12列语义；子项用grid-column控制跨列，避免width和margin干扰；gap替代margin管理间距；摒弃class命名和IE兼容思维。
- 文章 · 前端 | 1星期前 | 211浏览 收藏
-
- HTML设置宽高比步骤详解
- 直接给<img>设aspect-ratio大概率无效，因其是替换元素，需作用于外层容器并配合width或max-width才能生效；现代浏览器中应优先用aspect-ratio:16/9配合object-fit和块级显示确保比例与渲染一致。
- 文章 · 前端 | 1星期前 | 211浏览 收藏
