-
语义化按钮首选<button>而非<div>或<a>伪装；必设type属性；仅允许phrasingcontent嵌套；禁用时同步视觉反馈；移动端需处理300ms延迟与点击穿透。
-
border-collapse:collapse是合并表格边框的必需设置，仅作用于table元素；padding应设在th/td上，line-height比padding更关键地影响行高与可读性。
-
hover提示框闪烁的主因是用display切换显隐导致重排，正确做法是保持DOM存在，用visibility+opacity配合transition，且transition声明在默认样式中。
-
浮动构建并排结构，相对定位微调元素位置。图文混排中图片左浮文字环绕，商品列表价格标签用相对定位下移10px优化对齐，结合二者可实现灵活布局与视觉修正。
-
浮动导致父容器高度塌陷，因脱离文档流，解决方法包括触发BFC、清除浮动或使用伪元素；盒模型中padding、border、margin与width叠加易引发宽度溢出，建议使用box-sizing:border-box；相邻浮动元素不合并垂直margin，但需手动设置水平间距避免紧贴；边框增加视觉宽度可能导致换行，推荐配合box-sizing或改用Flex/Grid布局。
-
JavaScript通过DOM操作表单，核心是获取元素、监听事件（submit/input/blur）、读写值（value/checked）和验证提交；需注意preventDefault及事件时机差异。
-
会，但只在特定情况下；当position:absolute/fixed使视觉顺序与DOM语义顺序不一致时，如“跳过导航”链接放<header>末尾却视觉置顶，屏幕阅读器仍按源码顺序读取，导致功能失效。
-
首先创建包含HTML、CSS和JavaScript代码的heart.html文件，接着在文本编辑器中编写或粘贴实现爱心形状与跳动动画的代码，利用CSS的@keyframes和transform:scale()属性定义心跳效果，保存后通过浏览器打开该文件即可查看持续跳动的红色爱心，最后可通过修改animation时间与scale数值调整跳动频率和大小幅度，保存后刷新页面实时预览效果。
-
现代浏览器已不再默认支持JavaApplet，需通过安装JRE、启用插件、使用支持NPAPI的旧版浏览器（如Firefox52.9ESR）、调整Java安全级别至中，并将网站添加到例外站点列表方可运行。
-
网页图片优化有五种方法：一、用HTMLwidth/height属性缩放显示；二、用CSSmax-width实现响应式缩放；三、用srcset与sizes提供多分辨率图片；四、预处理压缩像素与体积；五、改用WebP/AVIF等现代格式。
-
选择WebSocket因其实现持久化双向通信，相比HTTP轮询显著降低延迟与资源消耗，适用于聊天室、实时通知等场景。Node.js通过ws库可快速搭建WebSocket服务，前端利用原生API连接并实时接收数据，结合定时发送机制与事件监听实现动态更新。需注意连接稳定性、重连机制、错误处理及安全性，推荐使用wss加密传输，服务端维护clients集合支持广播，确保心跳机制与异常恢复完善以保障生产环境可靠性。
-
JavaScript的Date对象基于UTC存储时间戳但显示时转为本地时区，处理时区和日历需注意：构造函数解析字符串时区分是否含时区信息，推荐使用toISOString输出UTC时间；跨时区显示可用toLocaleString配合timeZone选项（如America/New_York）；构建日历时应以本地时间为基准避免UTC导致的日期错位；前后端传递时间统一用ISO8601格式，用户输入结合其时区解析，展示时标注时区或自动格式化；优先使用AntDesign等成熟组件库及date-fns-tz等工具库规避
-
:empty选择器用于匹配不含任何内容（包括文本、子元素、空格）的元素，通过设置display:none可隐藏这些空元素，避免页面空白。例如div:empty{}能选中无内容的div并隐藏，适用于副标题、提示框等可选区块，提升布局整洁度。需注意空格或换行会使元素非空，且动态加载内容时应确保正确显示。
-
先创建一个基于观察者模式的轻量级状态管理类，通过闭包封装状态，提供getState、setState和subscribe方法实现响应式更新；在DOM操作中订阅状态变化以自动渲染界面，如计数器示例所示；支持按功能拆分多个Store实例（如用户、主题），保持模块独立；可通过继承扩展中间件功能，如日志记录；适用于中小型项目，具备良好可维护性与扩展性。
-
class属性用于指定元素的样式类，实现CSS复用与JS操作；其值由多个类名组成，以空格分隔，如<divclass="boxwarninglarge">；CSS通过.类名选择器定义样式，如.warning{background-color:yellow}；支持多类组合，如class="btnbtn-primarybtn-large"实现模块化样式；JS可通过classList.add/remove/toggle动态操作类，控制元素状态；class是连接H
