-
HTML5注释需用<!--注释内容-->语法，禁止嵌套、禁用条件注释、多行须每行独立标记，注释应清晰规范且不含敏感信息，编辑器可辅助高效添加。
-
z-index控制absolute元素层级，但需注意层叠上下文的影响。1.z-index值越大层级越高，仅对定位元素生效；2.层叠上下文限制z-index作用范围，父级创建上下文后子元素层级受限；3.确保置顶元素有足够高的z-index并避免父级低层级上下文干扰，合理使用开发者工具调试。
-
HTML5HistoryAPI通过pushState添加、replaceState替换历史记录，结合popstate监听实现单页应用无刷新跳转与状态管理。
-
通过类、属性和子元素选择器结合Flex对齐属性，可精准控制布局；如用justify-content实现主轴对齐，align-items垂直居中，配合媒体查询响应式调整，提升布局灵活性与语义性。
-
首先使用Transmit连接远程服务器，选择SFTP或FTP协议并保存书签；接着在双栏界面中将本地HTML项目文件拖拽上传至目标目录；然后核对文件完整性并设置正确权限（如644）；最后通过浏览器访问测试链接，检查页面加载效果并修正问题。
-
答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
-
解决fixed元素与header重叠需设置top值避开header，如top:60px；通过body添加padding-top保证内容不被遮挡；使用CSS变量统一管理高度提升维护性；合理设置z-index确保层级正确。
-
Proxy能用于数据验证，通过拦截set操作确保属性值合法。例如可校验age为正数、name为非空字符串，并提供isValid标识数据有效性，实现非侵入式运行时验证机制。
-
CSS通过选择器组合实现逻辑判断，.class1.class2表示同时满足的AND逻辑，逗号分隔如.error,.warning表示任一满足的OR逻辑，结合使用可构建复杂条件筛选。
-
答案：无限滚动通过IntersectionObserver实现高效加载，提升用户体验但影响SEO和性能。需结合分页备用、URL状态更新及预渲染等策略优化。
-
button和input[type="button"]视觉相似但语义、DOM结构、可访问性及样式行为不同：button支持嵌套内容和innerHTML，input仅value；两者默认均提交，须显式设type="button"；button样式更可控，伪元素不支持，表单序列化中均不参与提交。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量层，避免频繁重排重绘，支持批量更新与跨平台；React.createElement等返回虚拟DOM对象，diff算法仅同层级同type比较，key用于标识可复用节点，列表渲染须用稳定唯一key。
-
top、right、bottom、left需配合position才能生效，用于控制定位元素相对于包含块的边界距离。1.position为relative、absolute、fixed或sticky时属性生效；2.可单独设置方向偏移，也可同时使用拉伸尺寸；3.常用于模态框居中、全屏遮罩、图标定位等布局场景，关键在于理解定位上下文与包含块机制。
-
JavaScript对象是键值对集合，非特殊类型而是最常用复合结构；用字面量创建需注意冒号分隔键值、逗号分隔项；属性访问可用点号或方括号；对象为引用类型，赋值传参需防意外修改；浅拷贝用展开语法，深拷贝用structuredClone()。
-
猎豹浏览器无法真正重置HTML5环境，因其基于已停更的Chromium49–53内核，缺失chrome://flags、WebGL2.0、MediaRecorder等现代API支持，且无系统级重载机制；唯一有效方式是强制结束进程并清除Cache/GPUCache后重启。
