-
使用ESLint和Prettier统一代码风格，变量命名遵循camelCase、PascalCase或UPPER_CASE规范；2.优先用const和let声明变量，合理使用解构赋值；3.函数多用箭头函数，异步统一采用async/await并配合try/catch处理错误；4.同步与异步均需有效捕获异常，校验外部数据；5.采用ESModules模块化，按功能拆分文件，避免循环依赖；6.优化性能避免重复操作，防范XSS和动态执行代码风险，关键校验需后端配合。借助工具链自动化检查与格式化，结合代码审查，提升代
-
事件监听必须用addEventListener，因其支持多次绑定、捕获/冒泡控制（thirdparam）、once/passive等选项；scroll等高频事件需节流/防抖/rAF优化；注意target与currentTarget区别；兼顾键盘操作与无障碍访问。
-
使用Flexbox的flex-wrap和gap可实现响应式按钮布局，示例中通过设置flex-wrap:wrap允许按钮自动换行，结合gap统一间距，并利用媒体查询调整不同屏幕下的间距与按钮最小宽度（如flex:11120px），确保多设备适配良好。
-
grid-row和grid-column用于控制网格项的行列跨度，支持起始/结束线或span语法，如grid-row:2/span3表示从第2行跨3行，grid-column类似；可结合grid-area简写属性同时设置行列范围，适用于复杂布局场景。
-
悬浮广告窗需用position:fixed/absolute脱离文档流定位，易被浏览器拦截；display切换不显示多因overflow:hidden、z-index遮挡或position缺失；需监听scroll+getBoundingClientRect判断视口触发，配合延迟展示等体验优化。
-
WebWorkers是浏览器提供的后台线程机制，使JS能在不阻塞主线程的前提下执行耗时任务，其核心是隔离的JS上下文，仅通过postMessage通信，不可访问DOM，支持专用/共享Worker及模块化使用。
-
在无法修改HTML结构的前提下，可通过document.currentScript.closest('tr')定位并隐藏包含该脚本的<td>所属的<tr>行，无需ID、class或外部依赖。
-
嵌套Grid必须显式声明display:grid，子元素不会继承父级网格能力；grid-area和grid-template-areas作用域仅限直接父容器；fr单位基于当前容器尺寸计算；IE11不支持嵌套Grid且无降级方案。
-
HTML页面间传参有五种方法：一、URL查询字符串，通过location.search解析；二、localStorage跨页存储；三、sessionStorage会话级存储；四、表单POST提交至服务端；五、URL哈希传递，用于SPA状态管理。
-
正确理解盒模型和浮动是实现网页布局的基础。CSS盒模型包含内容、内边距、边框和外边距，默认宽高仅含内容，通过box-sizing:border-box可使宽高包含内边距和边框，推荐全局设置以避免布局错乱。当元素浮动时会脱离文档流，导致父容器高度塌陷。使用clearfix类可通过伪元素插入并清除浮动，恢复父容器对子元素的高度包裹，标准写法为.clearfix::after{content:"";display:block;clear:both;}并配合zoom兼容旧版IE。现代方案可用overflow:hi
-
解构赋值是JavaScript中改变取值方式的底层机制，支持嵌套、重命名、默认值及函数参数解构，但需防范null/undefined报错、性能开销与默认值陷阱。
-
document.visibilityState返回hidden不一定表示页面切到后台，可能是浏览器预加载、标签休眠或冻结所致；应监听visibilitychange事件而非单次读取，并注意iOSSafari兼容性及SSR场景下的undefined问题。
-
clip-path是CSS属性，用于定义元素可见区域，支持circle()、polygon()等函数，可结合animation实现形状动画，如圆形变六边形，通过keyframes设置起止状态，transition实现hover交互，需注意浏览器兼容性及使用-webkit-前缀适配Safari。
-
call和apply方法都用于改变函数的this指向，但在参数传递上不同：1.call方法接受一个this值和若干个参数；2.apply方法接受一个this值和一个参数数组。选择使用哪一个取决于具体需求和代码风格。
-
通过合理设置word-wrap和white-space属性，可确保文本在不同屏幕尺寸下正常换行。1.使用word-wrap:break-word防止长单词溢出；2.选择white-space:normal或pre-wrap以控制空白和换行；3.推荐组合使用word-wrap:break-word与white-space:pre-wrap，兼顾格式保留与响应式换行，提升文本可读性和布局稳定性。
