-
JavaScript是网页的执行引擎而非装饰品；document.getElementById在DOM加载前返回null因执行时机过早；fetch适合现代项目但需手动处理错误和cookie，XMLHttpRequest适合需进度监听或兼容老环境的场景；箭头函数因无独立this不能直接作Vue/React事件处理器。
-
使用gap配合flex-wrap可优化弹性布局间距，避免传统margin导致的错乱问题。gap能自动控制项目间行与列距，统一管理响应式间隙，且不产生首尾多余空白，适用于卡片网格、表单组等多行布局场景。主流浏览器已支持，旧版本可通过@supports降级处理。结构更清晰，维护更简便。
-
JavaScript迭代器和生成器是基于Symbol.iterator协议与状态机的运行时机制；for...of依赖对象是否实现[Symbol.iterator]()方法，数组原生支持而普通对象不支持，需手动实现该方法返回含next()的迭代器对象。
-
使用align-items:baseline可实现标题与图标文字基线对齐，原理是让Grid子元素按文本基线（如字母x底部）对齐，解决因字号或行高差异导致的视觉错位。需确保元素包含内联内容以形成基线，纯图标可添加隐藏文本或伪元素辅助，IE支持有限，现代浏览器适用，也可用align-self:baseline局部调整。
-
使用百分比设置padding可实现响应式布局，其值始终基于父元素宽度计算，常用于创建等宽高比容器（如16:9视频框）和流体间距布局，结合绝对定位与padding-bottom可维持比例，适合卡片、文章区块等设计，提升跨设备适配性。
-
本文详解如何通过<path>元素精确模拟CSSborder:3pxdottedred的视觉效果，解决边角不圆、虚线不均匀等常见问题，涵盖stroke-linecap、stroke-dasharray偏移技巧及路径坐标精算逻辑。
-
HTML5表格需用<table>包裹，含<thead><th>表头、<tbody><td>数据，可加<caption>标题，用colspan/rowspan合并单元格，语义结构分<thead><tbody><tfoot>，边框用CSS的border-collapse控制。
-
hover放大无动画因未加transition或位置错误；需在常态样式写全transition:transform0.2sease；亚像素模糊可加will-change:transform；移动端需JS或:active替代:hover；scale不占位应配transform-origin且避免影响布局。
-
HTML查看器显示异常时，需依次调整字体设置、切换源码/渲染视图、启用行号与语法高亮、自定义CSS样式。具体包括：设置等宽字体与14px以上字号；选择并排或仅渲染模式并开启自动刷新；开启行号和HTML/CSS/JS语法高亮；通过CustomCSS注入背景与文字颜色代码。
-
HTML5转APP的屏幕适配关键在于WebView对viewport的控制与CSS单位选择：必须显式设置viewportmeta、禁用user-scalable，并优先使用rem/vw替代px，同时需针对安卓ROM和iOSWKWebView特性做原生层适配与真机测试。
-
JavaScript的Set对象用于存储唯一值，通过newSet()创建并用add()添加，重复值无效；使用has()判断存在、delete()删除、clear()清空；可与数组互转，遍历支持for...of和forEach()，但对象按引用去重。
-
伪元素opacity动画无法触发渐变重绘，因background-image不支持插值；可行方案为background-position位移、@keyframes帧动画或@property自定义属性插值。
-
JavaScript可通过正则分词、词干提取、停用词过滤和词频统计实现基础NLP功能，结合jieba等库支持中文处理，适用于浏览器端轻量级文本预处理任务。
-
calc()混用百分比与vw/vh易失效，因计算上下文不一致；box-sizing不改变calc结果的基准；transform不影响%基准；媒体查询不支持calc()。
-
用position:absolute拼CSS图标需父容器设position:relative，子元素统一box-sizing:border-box，top/left按内边框基准计算，优先用px单位和transform居中，注意层叠上下文与pointer-events。
