-
统一的JavaScript代码规范提升可读性与协作效率。1.命名需语义化：变量函数用camelCase，常量全大写加下划线，类用PascalCase，私有成员以下划线开头。2.格式统一：空格缩进（2或4），花括号行尾，单变量声明，不省略块括号，运算符加空格。3.作用域管理：优先const，次let，禁用var；变量就近声明；避免全局污染；使用解构赋值。4.函数模块设计：函数单一职责，长度≤50行，参数≤3个，用配置对象和默认参数；异步用async/await；模块导出清晰。5.注释文档：JSDoc标注公共
-
align-items动画不平滑是因为它不触发GPU加速，每次变化都引发layout→paint→composite全流程；而transform（如translateY）可硬件加速，提升为独立图层，实现60fps平滑动画。
-
离线HTML内容索引靠人工组织文件结构、正确使用相对路径和浏览器默认行为实现，而非自动生成；双击打开时404本质是file://协议下路径解析错误，如/开头路径指向磁盘根目录。
-
齿轮动画需用steps()实现顿挫感而非linear匀速，选24步匹配常见齿数，配合SVG精确齿形、居中transform-origin和≥1.5s时长，才能呈现真实“咔哒”机械节奏。
-
HTML内联样式需用引号包裹、声明间用分号分隔，避免引号嵌套错误；CSS压缩可能误删单位或分号，导致样式失效，应通过还原对比定位问题，优先用class切换实现响应式。
-
counter-increment必须配合::before或::after的content属性才能显示编号，仅设置counter-increment仅在后台计数；content必须使用counter()或counters()函数，后者需带引号的分隔符字符串，如"."，且作用域受counter-reset限制。
-
:nth-child(3n+1)选择DOM序号为1、4、7…的元素，与视觉排列无关；其生效需满足HTML线性、列数固定、无隐藏/插入元素等条件，否则易错位；可靠方案是用Grid定位而非依赖序号。
-
DOCTYPE声明是触发浏览器标准模式的必要开关，必须为<!DOCTYPEhtml>且位于文档首行无任何前置字符，否则将导致怪异模式或几乎标准模式，引发盒模型、脚本API等异常。
-
link标签必须写在head里，否则会触发FOUC；href需用绝对路径、rel="stylesheet"不可省略；CSS应按优先级顺序加载，避免@import和冗余type属性。
-
div和span的本质区别在于渲染行为与语义：div默认块级、触发BFC、可设宽高；span默认行内、不响应宽高、支持vertical-align，且不可嵌套块级元素。
-
应使用rgba()或hsla()设置背景透明度，而非opacity；前者仅影响背景色，后者使整个元素及子元素变透明，导致内容发灰。
-
小屏卡片截断主因是固定宽度+缺乏响应式约束。应设box-sizing:border-box、用max-width替代width、加width:100%、确保viewportmeta、检查媒体查询优先级与断点、统一flex布局、图片设width:100%、文字用clamp()适配。
-
批量删除需确保状态同步、DOM精准更新与请求聚合：用querySelectorAll(':checked')获取真实选中项，单次fetch发送ID数组，逐行remove()而非重渲染，并清空勾选状态。
-
纯HTML+JavaScript实现购物车需用HTML结构、CSS样式、JS交互，核心是添加商品、更新数量、计算总价，配合localStorage持久化与事件委托绑定。
-
无法真正禁用右键菜单或F12开发者工具，因浏览器原生调试功能运行在JS之上，所有前端拦截（如preventDefault）仅能干扰体验，无法阻止有经验用户绕过；关键安全必须依赖后端校验与加密。
