-
HTML5中隐藏表单元素有五种方式：一、type="hidden"提交但不显示；二、CSSdisplay:none隐藏但仍提交；三、hidden属性语义隐藏且默认仍提交；四、disabled配合CSS彻底隐藏且不提交；五、aria-hidden="true"仅屏蔽屏幕阅读器。
-
order属性可改变Flex子元素显示顺序而不影响HTML结构，例如设置.item1{order:2}、.item2{order:1}时显示为item2、item1、item3；在响应式设计中，通过媒体查询调整order值可使移动端内容优先展示，如将.content的order设为0、.sidebar设为1、.header设为2，实现侧边栏下移；需注意order仅改变视觉顺序，不影响DOM与屏幕阅读器顺序，应避免滥用以保障可访问性，且宜配合flex-direction考虑主轴方向，其在Grid布局中也有效
-
Safari中HTML5视频无法播放等问题，需依次启用HTML5模式、设置video标签属性、绕过自动播放限制、禁用QuickTime插件、模拟用户代理。
-
实现Flexbox侧边栏布局的关键在于合理使用flex属性组合。通过设置侧边栏flex:00200px确保固定宽度，主内容区flex:1占据剩余空间，结合媒体查询在小屏幕下改为纵向堆叠，可实现灵活响应式布局。
-
要在网页中正确显示下划线符号“\_”，可采用四种方法：一、用HTML实体_或_编码；二、用CSStext-decoration属性控制样式；三、用语义化<u>标签并配合text-underline-offset；四、用border-bottom替代实现精确控制。
-
为HTML表格添加日志记录的核心在于通过JavaScript监听事件并结构化存储操作数据。1.利用事件委托在表格容器上绑定input、blur、click等事件，提升性能并统一处理逻辑；2.在事件处理函数中识别修改的单元格/行，获取修改前后的值；3.收集上下文信息如时间戳、用户ID、表格ID、行索引、列名及操作类型；4.构造JSON格式的日志对象；5.使用fetchAPI将日志异步发送至后端持久化存储。日志记录有助于数据审计、用户行为分析、调试追踪及数据恢复，适用于金融、医疗等需合规性的场景。触发器方面，
-
图文默认不对齐是因vertical-align:baseline导致图片底部与文本基线对齐而下沉；Flexbox通过display:flex+align-items:center可实现稳定垂直居中，配合gap和flex-shrink:0提升响应性与兼容性。
-
使用JavaScript检测内存泄漏可以通过ChromeDevTools和Memlab等工具实现。1.使用ChromeDevTools的Memory标签页拍摄HeapSnapshot，比较不同时间点的快照，识别未及时回收的对象。2.使用Memlab通过模拟用户行为自动化检测潜在泄漏。结合工具和最佳实践，如理解引用机制和使用弱引用，可以有效检测和避免内存泄漏。
-
JavaScript中函数分为普通函数和箭头函数：前者支持this动态绑定、arguments、new调用及Generator；后者继承外层this、无arguments和new.target、不可构造、不支持Generator。
-
若HTML源码被混淆，可通过五种方法解析：一、追踪JS执行流程并查看渲染后DOM；二、提取并手动执行嵌入式解密逻辑；三、禁用JavaScript查看原始响应；四、用抓包工具捕获未加密HTTP响应；五、反编译分析WebAssembly解密模块。
-
:hover背景色不生效？1.检查选择器是否正确，确保类名或标签名匹配；2.用开发者工具查看样式是否被覆盖，如有则提高优先级或加!important；3.清除背景图或用background简写；4.确保元素可见且未被遮挡，避免display:none等问题。
-
HTML5中插入特殊符号的四种方法：一、用HTML实体（如©）并声明UTF-8编码；二、直接输入UTF-8字符（需编辑器与文件均为UTF-8）；三、CSS伪元素content注入Unicode（如\2713）；四、SVG内联图形替代复杂符号。
-
grid-row与grid-column用于精确控制网格项的行和列位置，支持通过数字、span关键字或命名线定义起始与结束线，实现灵活布局；使用span可简化跨行列设置，命名线提升代码可读性，配合z-index处理重叠，合理规划可构建清晰高效的复杂网格布局。
-
通过监听input事件实现电话号码实时格式化，移除非数字字符并按位数插入连字符；2.处理paste事件防止非法字符粘贴，确保粘贴后自动格式化；3.使用正则表达式进行前端验证，保证输入符合指定格式；4.结合placeholder提示、移动端键盘优化及国际化库提升用户体验。
-
节流适用于高频触发需稳定响应的场景，如滚动监听、鼠标移动和窗口resize，确保函数按固定频率执行；防抖则用于连续操作后只需最终结果的情况，如搜索建议、表单验证和按钮防重复提交，延迟执行直至操作停止。选择依据在于是否需要中间过程反馈：需阶段性响应用节流，只关心最终状态用防抖。
