-
HTML安全检查进度需用JavaScript动态更新progress标签的value值，不可写死在HTML中；应锚定8–12个可自动化判定的具体项，如CSP头、formautocomplete等；前端仅负责静态结构与同源DOM检测，关键项须依赖后端API返回结果。
-
函数声明会被提升，可提前调用；函数表达式不会提升，须定义后调用；箭头函数无this、arguments，不可构造；块级函数声明在严格模式下非法；应据场景选型并重视函数命名。
-
WebWorker可在后台创建独立线程处理计算密集型任务，避免阻塞主线程；通过postMessage通信，无法访问DOM，受限于同源策略与上下文隔离。
-
::backdrop仅在showModal()调用时生效，show()或open属性不创建backdrop层；需用background-color设置遮罩，避免渐变；fixed元素被遮不住因堆叠上下文分离，应将其纳入dialog上下文或改用内部结构。
-
transparent在linear-gradient中不会变黑，但因默认锚定为rgba(0,0,0,0)，与起始色插值易偏暗发灰；应改用同色相rgba(start,0)实现真正透明渐变。
-
CSSModules通过将类名编译为唯一哈希值实现样式局部作用域，解决前端开发中样式冲突与全局污染问题。在Webpack中配置css-loader的modules选项可启用该功能，推荐使用[name]__[local]__[hash:base64:5]格式命名类名。React项目中需将CSS文件命名为.module.css后缀，并通过importstylesfrom'./Component.module.css'导入，JSX中以className={styles.className}绑定。对于需保留全局的
-
伪元素法清除浮动需同时设置.content:""和display:table，::before防外边距合并，::after加clear:both；overflow:hidden靠触发BFC“清浮”但会裁剪溢出内容；clear:both加在浮动元素自身无效，因目标是撑开父容器而非控制元素定位。
-
HTML通过浏览器解析实现页面展示，首先请求HTML文件，解析生成DOM树，同时加载CSS形成CSSOM，二者结合构建渲染树，再经布局、绘制和合成最终呈现页面。
-
本文介绍如何用JavaScript编写一个规范、可复用的BMI计算函数，支持传入体重（kg）和身高（m），自动计算并四舍五入返回整数BMI值，并解析常见实现错误。
-
JavaScript逻辑运算符&&、||具有短路特性：&&遇假值即返，后续不执行；||遇真值即返，后续跳过；!仅取反无短路。短路可避免错误、设默认值、条件执行，提升健壮性与简洁性。
-
Spectre.css通过.table-responsive实现响应式表格，配合.table-striped和.table-hover提升可读性，并支持.table-vert堆叠模式在小屏下将数据转为卡片式展示，无需JavaScript即可适配移动端，简化开发流程。
-
本文介绍如何将一组键值分离、顺序排列的单属性对象（如company、block、start_date等）高效合并为多个完整结构的对象数组，适用于日志聚合、表单分段提交、API响应规整等场景。
-
动态路由实现导航栏的核心是后端返回结构化菜单→前端转换为路由配置→注入路由系统并渲染菜单，需保证语义一致、权限联动、懒加载可控。
-
本文介绍在不创建中间副本的前提下，以单次遍历完成数组逆序.map()操作的高性能写法，并对比常规方法的性能瓶颈与替代策略。
-
十六进制颜色值必须以#开头，后接3位或6位十六进制字符（如#ff0或#1a2b3c），不支持4位、5位或带0x前缀等写法；透明度需用rgba()或8位hex（如#007bff80），传统#rrggbb不支持alpha。
