前端技术文章
-
TrustedTypes通过强制类型检查在运行时拦截非法字符串执行，而非审计逻辑；需重构执行模型、切断危险入口，并让动态执行路径显式受控。344 收藏 -
navigator.languages数组可获取用户语言偏好顺序，是构建权重表的原始依据；按精确匹配（100分）、语言主干匹配（70分）、回退匹配（40分）三级打分，生成带权重的预加载策略表。350 收藏 -
四边独立设色必须用四值语法border-color:#f0f0f0#d0d0d0#808080#e0e0e0（上、右、下、左），光源左上方决定明暗梯度，推荐hsl()动态调L值并用CSS变量管理，深色模式需重校L锚点。144 收藏 -
基准情形是递归函数中防止无限调用、避免栈溢出的必要条件，必须独立于递归调用、无需分解、对某组输入立即返回；常见错误包括浮点数精度问题、边界遗漏、符号错误；验证需通过最小输入推演、临界路径测试和日志观察。124 收藏 -
fr是剩余空间的份数，先扣除固定尺寸再按比例分配；与固定单位并存时后者优先占位；需配合minmax()、媒体查询等实现响应式和兼容性。271 收藏 -
input[type="week"]值格式为YYYY-Www（如"2024-W23"），代表ISO周，起始日为周一，第1周须含当年第4个星期四；min/max需同格式，否则失效；需手动解析为周一至周日日期；Firefox不支持，兼容性差。313 收藏 -
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。339 收藏 -
是的，const声明后仍可修改对象属性，因其仅锁定变量绑定（指针），不冻结堆内存中的数据；若需真正不可变，须配合Object.freeze()或不可变数据结构。389 收藏 -
document.cookie不是对象，而是受同源策略和Cookie属性双重限制的字符串接口；写入需手动拼接path、编码等完整属性，读取需解析解码，删除须严格匹配原始作用域参数。403 收藏 -
使用flex-wrap和gap可实现Flexbox布局中的自动换行与间距控制。1.设置flex-wrap:wrap允许子元素在空间不足时换行，避免溢出；2.使用gap统一设置子元素间的水平和垂直间距，简化样式管理；3.建议结合flex:11200px等弹性设置与媒体查询优化响应式效果，避免混用margin防止间距混乱，提升布局效率与可维护性。242 收藏 -
锚点id必须合法唯一且严格匹配：全小写、连字符分隔、不以数字开头、无空格标点中文；h2/h3需同时处理并嵌套生成目录；href必须与id完全一致（含大小写）；启用scroll-behavior:smooth实现平滑滚动。275 收藏 -
2026年前端架构师需具备四维能力：JS/运行时底层穿透、TS架构级类型治理、AI原生与WebGPU高性能双轨、工程系统与跨域协同。核心是三层结构化掌控——底层原理、中层决策、上层抽象。469 收藏 -
“单向度依赖隔离”指业务模块仅暴露稳定、收敛、无副作用的接口，隐藏实现细节与状态，杜绝反向依赖；通过命名导出纯函数、default导出封装主入口、禁导可变绑定、审慎重导出，确保调用流向清晰可控。450 收藏 -
原生CSS不支持嵌套因语法模型与人脑层级认知不匹配，SCSS/Less补足组织能力；常见错误包括&误用、过度嵌套、兄弟选择器空格缺失；@use替代@import实现模块化；PostCSS插件仅支持基础嵌套，无法替代预处理器的变量、函数等完整能力。240 收藏 -
TailwindCSSv4采用CSS-first架构，核心配置须通过CSS指令（如@theme、@utility、@config）声明；tailwind.config.js仅保留content扫描和插件加载功能，不再参与样式生成。421 收藏