-
::placeholder样式不生效主因是被重置样式覆盖或前缀缺失，需四套兼容写法、避免opacity、用class切换实现动态控制，并注意SSR首屏兜底。
-
定位解决单个元素精确定位，Flex解决多子元素协调分布；定位适合脱离文档流的局部控制，Flex适合一维内容排列与对齐，浮动已基本淘汰。
-
浮动的li会导致父容器高度塌陷，因其脱离文档流使父容器无法计算高度；清除方式首选触发BFC（overflow:hidden/auto）、其次伪元素clearfix、最后display:flow-root。
-
掌握排查思路与工具是快速定位修复HTML错误的关键，首先检查语法和标签闭合，确保结构正确；接着利用浏览器开发者工具实时调试，通过Elements面板查看DOM结构、右键检查元素定位问题；结合W3C验证工具检测标准合规性，发现隐藏错误；最后借助Console和Network面板排除脚本干扰与资源加载失败等问题。养成边写边查习惯，可高效解决90%以上问题。
-
下拉菜单箭头与文字垂直居中需用flex布局配合align-items:center，并统一font-size、line-height；SVG箭头应设height:1em;width:1em;flex-shrink:0；伪元素箭头优先用SVG或限定font-family；尺寸用em/rem适配缩放；Firefox下SVG需额外vertical-align或嵌套flex容器居中。
-
Flex容器溢出可通过flex-shrink和overflow解决。默认flex-shrink:1使子元素等比压缩，固定宽且flex-shrink:0时易溢出；允许多值调节压缩比例，配合flex-basis定义基准尺寸；内容需保留时用overflow:hidden隐藏或overflow:auto显示滚动条，文本场景推荐white-space:nowrap加text-overflow:ellipsis实现省略号；设计上建议用相对单位、设max-width、响应式调整方向并测试多屏适配，合理组合属性可有效控制
-
移动端自适应布局需掌握五点：1.设置viewport元标签使页面适配设备宽度；2.使用Flexbox和Grid实现弹性容器布局，如卡片自动换行；3.通过媒体查询在不同断点调整样式，如手机下堆叠导航；4.采用rem、em、%、vw等相对单位替代固定像素，实现可伸缩字体与间距；5.图片设置max-width:100%并使用srcset提供多分辨率支持。结合这些方法可高效构建响应式页面。
-
应优先使用addEventListener而非onclick，因其支持多次绑定、可移除且更灵活；移除时须保留函数引用并确保参数一致，动态元素推荐事件委托，组件卸载等场景必须手动清理以防内存泄漏。
-
本文介绍如何将一组键值分离、顺序排列的单属性对象（如company、block、start_date等）高效合并为多个完整结构的对象数组，适用于日志聚合、表单分段提交、API响应规整等场景。
-
list-style-position:inside不影响文本缩进，仅改变项目符号位置；真正控制缩进需用padding-inline-start（响应书写方向）而非text-indent或padding-left。
-
必须写对viewportmeta标签并重置body样式才能实现手机浏览器“全屏”：正确写法是<metaname="viewport"content="width=device-width,initial-scale=1.0">，同时html,body{margin:0;padding:0;height:100%;overflow:hidden;}。
-
placeholder属性仅对input（text、search等）和textarea有效，非全局CSS或JS方法；显示为浅灰色提示文字，不提交、非默认值，需用value或defaultValue设默认值；样式须用::placeholder及各浏览器前缀；无语义权重，不可用于校验或替代label。
-
本文介绍在PHP后端对数据库查询结果进行字母序排序后渲染下拉菜单的方法，通过usort()配合飞船运算符实现全名（姓+名）升序排列，确保前端<select>显示整洁、可读性强。
-
要实现在网页上触发电话拨号功能，最直接的方式是使用tel:URI协议。1.通过HTML的<a>标签实现：如<ahref="tel:+8613800138000">拨打客服电话</a>，在移动端点击链接会自动跳转至拨号界面；2.使用JavaScript和window.location.href动态触发拨号，例如通过按钮点击事件执行window.location.href='tel:13812345678'。tel:协议之所以是最佳实践，是因为其标准化、兼容性强、用户体验一
-
HTML本身无“函数加载”概念，所谓“加载慢”实为JS执行卡顿、DOM阻塞、资源延迟或渲染拖累；document.write()会清空文档流、中断解析，已被废弃；动态插入应改用innerHTML或append；SSR/模板中禁用document.write；视觉更新须用requestAnimationFrame对齐刷新率；preload仅用于确定即用资源，避免误用抢占带宽；真卡顿常源于批量DOM操作、强制回流或DevTools深度日志，优化前应录Performance分析主线程瓶颈。
