-
优先用letter-spacing实现视觉字距调整，因其不干扰语义与可访问性；需保留空白或不可折行时才用空格实体；letter-spacing对所有字符一视同仁，中英文混排易割裂，宜配合text-rendering优化。
-
IE浏览器不支持HTML5原生API，应通过特性检测而非UA判断来适配；IE8–9需用Flash回退video/audio，IE7–8可用userData模拟localStorage；推荐使用Babel自动注入polyfill。
-
Bootstrap的container类会自动添加左右内边距（padding），导致内容两侧出现白边；只需移除该类或改用container-fluid即可消除默认间距。
-
优先用transition处理简单状态切换，如hover、toggle；需多步变化、循环或复杂时序时用animation。二者可共存，但需注意性能、兼容性及无障碍支持。
-
使用position:fixed实现弹窗遮罩，通过top:0、left:0、宽高100%覆盖视口，结合flex居中弹窗，z-index确保层级最高，JS添加body.overflow-hidden防止滚动穿透，点击遮罩关闭并恢复滚动。
-
JavaScript模块化分CommonJS和ES6两种：前者用require/module.exports，同步动态加载，Node原生支持；后者用import/export，静态编译解析，浏览器原生支持，具实时绑定与循环引用优化。
-
根本原因是外边距折叠、空白字符间隙或继承干扰；应优先用gap管理Flex/Grid间距，传统布局需防折叠并统一单侧margin。
-
:nth-child()的“序号”指元素在父元素所有子节点中的绝对位置（从1开始），与类型、可见性、类名无关；如<ul>中<li>A</li><p>B</p><li>C</li>，第二个li是第3个子元素，需用li:nth-child(3)。
-
掌握正则高级技巧可显著提升JavaScript性能。1.使用非捕获组(?:...)避免不必要的捕获开销；2.避免嵌套量词导致的灾难性回溯，改用具体字符类和简化模式；3.预编译正则表达式并复用实例以减少解析负担；4.利用先行断言(?=...)等零宽断言提高匹配精度而不影响位置。
-
用:hover实现悬停变色边框需先设border:2pxsolidtransparent，再hover改color并加transition；点击切换需JStoggleclass；多状态推荐data属性驱动；移动端要加touch-action和cursor:pointer。
-
使用CSS浮动布局实现图片画廊，通过设置float:left使图片并排排列并自动换行形成网格。1.基本结构为容器包裹多个img元素；2.为img设置宽度、外边距和float属性，确保每行显示合理数量图片；3.使用overflow:hidden或伪元素清除浮动，防止父容器高度塌陷；4.通过媒体查询调整不同屏幕下的图片宽度，实现响应式效果。该方法兼容旧项目，但现代布局推荐使用Flexbox或Grid。
-
text-align属性的常用值包括left、right、center、justify、start和end，其中left用于从左到右语言的默认左对齐，适合大多数段落文本；right用于数字或右向语言的右对齐；center使文本在容器内水平居中，适用于标题或强调内容；justify实现除最后一行外的两端对齐，常用于杂志或报纸类排版以提升整齐度；start和end是逻辑值，根据文本方向自动适配起始或结束边缘对齐，适用于多语言国际化布局。
-
服务端渲染（SSR）通过在服务器端生成完整HTML，使搜索引擎爬虫无需执行JavaScript即可抓取页面内容，从而提升JavaScript应用的SEO效果。Next.js、Nuxt.js等主流框架提供开箱即用的SSR支持，结合动态title与meta标签、语义化结构、OpenGraph标签及sitemap提交等最佳实践，可显著增强搜索可见性。尽管SSR增加服务器负载与开发复杂度，但对营销页、博客等内容型页面仍是当前最有效的SEO方案。
-
针对Mapbox在渲染大量（3000+）交互式标记点时出现的性能瓶颈，本文深入探讨了传统DOM元素标记点方案的局限性，并提出了采用MapboxGLJS内置图层（如SymbolLayer或CircleLayer）进行优化的策略。通过将标记点数据直接集成到地图样式中，实现GPU加速渲染，显著提升地图拖动流畅度和帧率，为大规模地理数据可视化提供了高效解决方案。
-
z-index无法动画因其值为整数无中间态，浏览器只能瞬间切换层级。尽管可设置transition，但实际无过渡效果。可通过opacity、transform等可动画属性结合z-index切换，模拟视觉上的层级变化。例如用transform实现缩放、位移，配合opacity淡入淡出，使元素看似平滑“弹出”。实践建议将z-index作为状态开关，利用可动画属性提供视觉反馈，必要时通过JavaScript控制类名分步执行，从而实现流畅图层切换体验。
