-
递归是函数调用自身解决问题的技巧，需满足基础情况（终止条件）和递归情况（规模递减），典型步骤为确定basecase、找出递推关系并编码实现，常见陷阱包括缺失basecase或未缩小问题规模。
-
HTML5HistoryAPI通过pushState()和replaceState()实现无刷新URL修改与历史管理，配合popstate事件响应导航，是SPA路由核心；HTML4无此能力，仅能依赖hash或过时iframe方案。
-
根本原因是子项默认flex-shrink:1，解决方法是设flex-shrink:0或flex:00200px；flex-basis优先于width，需同时禁用收缩并设定基准尺寸，必要时检查父容器min-width和overflow约束。
-
调用摄像头在网页中实现视频采集功能主要依赖于getUserMediaAPI和HTML的<video>标签。1.调用摄像头使用navigator.mediaDevices.getUserMedia()方法，传入指定约束对象，成功后将流绑定到video元素上展示；2.HTML中通过添加autoplay属性的<video>标签配合JavaScript显示实时画面；3.可通过停止流中的轨道实现关闭摄像头功能；4.注意事项包括需运行在HTTPS环境、用户授权机制、移动端兼容性及iframe中
-
答案：JavaScript通过HTML5Canvas元素实现动态绘图，先获取2D上下文进行图形绘制。使用fillRect、strokeRect、arc等方法绘制基本图形，结合fillStyle、strokeStyle设置样式，利用requestAnimationFrame实现动画并用clearRect清除帧间残影，从而创建交互式视觉效果。
-
回溯陷阱由正则表达式引擎在处理嵌套量词或模糊匹配时尝试过多路径导致，典型如(a+)+匹配失败时穷举分组组合，引发性能崩溃。
-
:hover在鼠标悬停时触发，适用于提示可交互元素；:focus在键盘聚焦时生效，对无障碍访问至关重要；两者设备支持不同，应结合使用并确保可访问性。
-
本文介绍如何通过CSS选择器精准定位并移除嵌套<ul>中父级<li>的冗余项目符号，避免子列表项出现双项目符号问题，核心方案是使用ul>ul选择器清除子列表的默认样式。
-
Bootstrap4默认在小屏幕下将.col-*类元素转为垂直堆叠，导致页脚中并排的社交图标被强制换行；通过为图标容器添加display:flex并配合合理间距控制，即可实现移动端水平居中对齐。
-
使用CSS浮动可实现表单元素横向布局。1.通过float:left/right使元素脱离文档流并排列，需设宽度、清除浮动；2.input与select并排时统一宽高，父容器用::after清浮；3.checkbox的label浮动实现同行多选，避免换行；4.响应式下小屏改垂直布局，取消浮动设块级显示。浮动仍适用于简单表单，关键在控制宽高、浮动方向及清除机制。
-
根本原因是百分比定位基于父容器而非图片本身；正确做法是用relative定位的包裹容器作为上下文，角标用absolute定位其中，并推荐使用固定像素值。
-
JavaScriptWeb组件是浏览器原生API，用于创建可复用、封装良好的自定义HTML元素，基于CustomElements、ShadowDOM和HTMLTemplates标准，无需依赖React或Vue等框架。
-
首先使用<table>定义表格，<tr>定义行，<th>和<td>分别定义表头和数据单元格；通过colspan和rowspan合并单元格；结合CSS设置样式提升美观性；最后利用<caption>、<thead>、<tbody>、<tfoot>增强语义化与可访问性。
-
可通过四种方法在手机查看电脑编写的HTML文件：一、将HTML文件传至手机后用浏览器直接打开；二、电脑开启局域网HTTP服务，手机通过同一Wi-Fi访问电脑IP地址；三、使用支持HTML运行的手机APP导入代码实时预览；四、将项目部署到GitHubPages、Vercel等静态托管平台，手机通过公网链接访问。
-
用Flex布局实现卡片自适应排列，核心是容器设display:flex和flex-wrap:wrap，卡片设flex:11280px或min-width:280px;flex:1，并通过媒体查询在不同断点调整flex-basis实现单列、双列、三列响应式布局。
