-
浮动元素会脱离文档流并影响盒模型布局，其边框计入总尺寸可能导致换行或溢出；使用box-sizing:border-box可统一尺寸计算，配合clearfix解决高度塌陷，现代布局推荐Flexbox或Grid以避免传统问题。
-
网页开发中h1应只出现一次因为它代表页面核心主题多个会降低SEO效果且影响可访问性。①h1定义页面主标题应唯一；②h2至h6用于分层子标题结构如h2为一级子标题h3为h2下的细分项；③标题层级需清晰合理组织内容有助于搜索引擎抓取和用户理解；④h1权重最高利于SEO优化关键词应自然融入标题中不可堆砌；⑤正确使用标题标签能提升用户体验与网站可访问性。
-
答案：HTML视频画中画功能依赖Picture-in-PictureAPI，需先检测支持性，再通过requestPictureInPicture()启动，exitPictureInPicture()退出，并监听状态变化更新UI，绑定按钮实现交互，注意浏览器兼容与跨域限制。
-
答案是使用HTML、CSS和JavaScript可创建简易计算器，通过DOM操作实现输入显示与计算功能。
-
通过CSS可自定义HTML5列表颜色，推荐使用类或伪类选择器设置文字和背景颜色，实现样式与结构分离，提升代码可维护性。
-
答案：JavaScript爬虫需借助能执行JS的工具抓取动态内容，主要方案包括Puppeteer和Playwright实现浏览器自动化，或结合Cheerio与预渲染服务进行轻量级抓取，同时需注意反爬策略与请求频率控制。
-
掌握Node.js核心模块是服务端开发基础，fs模块支持异步读写文件和目录操作，避免阻塞主线程；http模块可创建服务器与客户端请求，理解其机制有助于掌握请求生命周期；path模块提供跨平台路径处理方法，确保路径解析正确性；process模块用于访问环境变量与进程控制，events模块基于事件驱动实现解耦。熟练运用这些模块并注重错误处理与异步控制，能提升代码稳定性与性能。
-
使用CSS实现图片自适应需设置max-width:100%和height:auto以确保图片等比缩放不溢出容器，结合flex布局可实现响应式容器中的居中与自适应，通过object-fit控制图片在固定尺寸容器中的裁剪或缩放模式，如cover、contain等，适用于不同展示场景；对于高清屏适配，可配合HTML的srcset与sizes属性根据设备特性加载合适分辨率图片，提升显示效果与性能。核心是max-width:100%+height:auto，再按需扩展布局与图像控制方案。
-
浮动提示框动画通过CSS的transition结合opacity和transform实现，1.设置初始隐藏状态，opacity:0、transform位移并配合visibility:hidden；2.hover时改为opacity:1、transform归位，visibility:visible，实现滑入+淡入效果；3.优化使用ease-out缓动、scale微调及定位精度；4.父元素设为relative确保定位正确，最终呈现轻盈流畅的浮现动画。
-
Trie树是一种高效处理字符串前缀匹配的树形数据结构，其核心优势在于通过字符路径实现快速插入与查询。插入字符串时从根节点出发，逐字符遍历并创建缺失的节点，最后在末尾字符节点标记词尾以标识完整单词，时间复杂度为O(L)，其中L为字符串长度。查询操作同样沿字符路径进行，若能完整匹配且末节点有词尾标记，则单词存在；若仅需前缀匹配，只要路径存在即可确认前缀存在，并可进一步遍历获取所有相关单词。Trie树在自动补全、输入法联想、IP路由等领域表现优异，支持按字母序遍历且无哈希冲突，但存在内存消耗大、实现复杂及稀疏性
-
使用Set去重是最常用方法，适用于基本数据类型；还可通过filter+indexOf、对象键值、Map记录、双重循环等方式实现；针对对象数组可按特定字段去重，结合Map提高效率；JSON.stringify需谨慎使用，仅适合结构稳定的纯对象；reduce可实现函数式累积去重；实际推荐优先使用Set，复杂场景结合Map或自定义逻辑。
-
HTML5全屏API通过requestFullscreen、exitFullscreen和fullscreenchange实现全屏控制，需检测fullscreenEnabled等属性判断支持情况，并兼容不同浏览器前缀以确保正常运行。
-
ID与Class命名应遵循语义化、小写英文、短横线分隔原则，推荐使用kebab-case格式，避免数字开头、特殊字符及标签名重复；采用BEM模式（Block__Element--Modifier）提升结构清晰度，防止样式冲突；避免下划线开头、过长名称和含义混杂的命名，保持代码可读性与维护性。
-
JavaScript的replace方法替换所有匹配项的正确姿势是使用正则表达式并添加全局匹配旗标g。①replace默认只替换第一个匹配项；②若需替换所有匹配项，必须用正则表达式并带上g旗标；③例如用/originalString.replace(/hello/g,"Hi")可实现全局替换；④还可结合i旗标实现不区分大小写的替换；⑤replace的第二个参数可以是回调函数，为每个匹配项动态生成替换内容；⑥回调函数接收match、捕获组、offset、string等参数，支持复杂逻辑处理；⑦除replac
-
JavaScript数字精度问题源于IEEE754双精度浮点数表示，导致0.1+0.2≠0.3；解决方法包括：①用整数运算替代小数（如金额以“分”为单位）；②使用toFixed()结合parseFloat()控制输出精度；③引入decimal.js等高精度数学库；④避免直接比较浮点数相等，应采用epsilon容差判断。
