-
Leaflet地图嵌入HTML需三步：①为map容器设宽高；②按序引入leaflet.css、leaflet.js并确保DOM就绪后初始化；③检查瓦片URL、referer限制及坐标系匹配。
-
overflow:hidden对多级嵌套失效是因为它只作用于自身形成BFC的元素，中间未触发BFC的容器会导致溢出“穿透”；需确保真正截断的那层明确设置该属性，并注意flex/grid中min-width:auto、绝对定位脱离文档流及多层嵌套的性能问题。
-
<metaname="keywords">已被Google、Bing、百度等主流搜索引擎完全弃用，不参与排名或索引；因其早期遭滥用（堆砌、隐藏关键词），Google自2009年起明确忽略，现仅增加HTML体积、误导新手。
-
body{overflow:hidden}常失效，因滚动容器常为html或内部元素；需同时设置html,body{overflow:hidden;height:100%}，移动端可加body{position:fixed}或touchmove.preventDefault()配合。
-
是，现代CSS新特性在旧版浏览器中大概率需厂商前缀才能生效，如clip-path、backdrop-filter、gap在Flexbox中；Autoprefixer仅添加仍有实际意义的前缀，行为由browserslist精确控制。
-
实现响应式网页的关键在于CSS媒体查询与HTML结构的配合。1.HTML提供内容基础结构，需使用viewport元标签确保移动端正确显示；2.使用语义化标签提升可维护性与SEO；3.图片和容器设置弹性布局如flex或grid；4.CSSmediaquery根据不同设备特性应用样式规则，例如通过max-width或min-width定义断点调整展示效果；5.推荐采用移动优先策略优化性能；6.利用class结合CSS属性控制不同设备下的展示顺序；7.合理设置断点避免过多导致维护困难。最终通过HTML、CSS与
-
Spacious主题图片默认左对齐，需在“额外CSS”中添加.entry-contentimg.aligncenter{display:block;margin:0auto;}实现居中，右对齐用.entry-contentimg.alignright{float:right;margin-left:1em;}，响应式下需加媒体查询覆盖。
-
JavaScript通过事件循环实现异步，执行栈处理同步任务，异步回调进入任务队列；宏任务（如setTimeout）与微任务（如Promise）分阶段执行，每完成一个宏任务即清空微任务队列，确保微任务优先执行。
-
用定义多行文本框HTML里唯一原生支持多行输入的表单控件就是，不是，也不是div+contenteditable——后两者都不算语义化、不可访问、提交行为不可靠。它默认可换行、可滚动、可调整大小，且天然支持表单序列化（submit时自动带值）。name属性必须加，否则提交时这个字段不会出现在表单数据里不要用value设置初始内容，应该把文本写在内容标签体内如果服务端返回带换行的字符串（比如\n），直接插进标签体即可，浏览器会正确渲染为多行rows和c
-
Flex布局需结合百分比宽度和媒体查询才能适配移动端：1.使用flex-basis设百分比控制子项基础尺寸；2.通过max-width限制宽度，box-sizing确保尺寸计算准确；3.在@media中调整flex-direction、flex-wrap等属性适配断点；4.设置min-width和max-width配合flex实现弹性伸缩，防止变形。
-
JavaScript异步编程必须深入理解Promise机制与AbortController用法，async/await仅为语法糖；需掌握Promise状态流转、错误捕获、手动reject时机及fetch取消的正确实践。
-
首选CodeMirror或MonacoEditor构建在线代码编辑器，引入对应语言mode文件实现语法高亮，通过theme配置更换主题，调用getValue()获取代码并结合事件监听实现保存与交互功能。
-
Number.EPSILON是JavaScript中1与大于1的最小可表示数之差，约2.220446049250313e-16，用于浮点数安全比较；它不是通用误差容限，需配合Math.abs(a-b)和量级基准（如Math.max(Math.abs(a),Math.abs(b))）使用。
-
<p>使用prefers-color-scheme媒体查询结合自定义属性可稳定实现亮暗色自动切换，通过定义:root变量并配合oklch()颜色空间，在不同主题下动态调整文本与背景色；利用color-mix()函数可在现代浏览器中混合颜色，实现渐进式背景适配；借助相对颜色语法如oklch(fromvar(--bg)calc(l*0.8)ch)能基于背景色生成协调文字色，虽支持有限但代表未来方向；综合运用这些方法可模拟light-dark()效果，提升视觉一致性。</p>
-
transition-delay不生效通常因CSS覆盖、状态未变化或写法错误；须在初始状态定义完整transition，避免仅在hover中设置delay，且确保属性可过渡、值发生改变。
