-
JavaScript是让静态网页变动态的关键行为层语言，负责响应操作、修改DOM、发起请求等；需确保脚本在元素后加载或监听DOMContentLoaded，用addEventListener绑定事件，优先用textContent修改内容，fetch需手动检查response.ok并处理异常。
-
本文介绍一种不依赖try-catch的Axios请求错误处理策略，通过响应拦截器与Promise封装，统一捕获HTTP错误并返回结构化结果，从而安全地执行后续逻辑（如数组更新），避免“先提交后回滚”的冗余操作。
-
inline-block元素间间隙源于HTML解析器将换行/空格渲染为文本节点，宽度约父级font-size的0.25em；可用font-size:0（需重置子元素）或flex布局彻底解决。
-
CSS文件合并可减少HTTP请求，提升页面加载速度。通过手动或构建工具（如Webpack、Gulp、Vite）将多个CSS文件合并为少量文件，结合按页面拆分和Sass/Less预处理器组织结构，平衡性能与维护性，避免冗余加载。
-
单页面应用（SPA）路由通过前端JavaScript动态切换视图，核心是监听URL变化、匹配路径并渲染组件。可基于HistoryAPI（pushState/replaceState/popstate）或Hash模式（hashchange）实现，推荐使用VueRouter或ReactRouter等成熟方案，并需服务端配合fallback至index.html。
-
使用iframe是HTML页面嵌套的推荐方法，支持跨域加载、属性灵活且兼容性好，常用属性包括src、width、height、frameborder和sandbox，可有效嵌入外部网页内容并提升安全性。
-
本文详解JavaScript计算器连续按“=”键时结果错误累加的根本原因，并提供完整、健壮的修复方案，包括状态重置逻辑、防重复计算机制及键盘事件优化。
-
:invalid伪类常失效，因浏览器仅在表单提交后才触发验证状态；初始空required输入框默认为valid，需JS调用checkValidity()并手动切换class实现可靠实时校验。
-
:focus-within是CSS伪类，当元素内任何子元素获得焦点时触发，常用于高亮表单容器。例如input获得焦点时，父级.input-group应用边框变色或阴影，提升可访问性与用户体验；还可实现输入时显示清除按钮等动态效果，配合transition更流畅，现代浏览器支持良好，IE不支持需JS模拟。
-
深拷贝需根据场景选择方法：JSON方法简洁但不支持函数、循环引用等；手动递归可定制但复杂；结构化克隆支持多数内置对象但异步；Lodash最稳定但增加依赖。
-
React中应封装highlightText函数安全高亮文本，用语义化<mark>标签仅限搜索高亮等场景，避免XSS和a11y问题，需正则转义、useMemo缓存、显式样式重置。
-
本文介绍在JavaScript中如何将多个独立的正则替换逻辑（如清除URL、匹配特定模式单词、过滤特殊字符）安全、高效地合并为单次replace()调用，避免多次遍历字符串，提升性能与可维护性。
-
HTML5通过CSSscroll-behavior属性和JavaScriptscrollTo()等方法原生支持平滑滚动：全局设置html{scroll-behavior:smooth}启用锚点跳转平滑效果；JS调用scrollTo、scrollIntoView、scrollBy时传入behavior:'smooth'实现脚本控制；需检测兼容性并降级处理；可动态启用或禁用以适配不同交互场景。
-
使用Flexbox的align-items结合margin/padding控制，通过flex容器统一垂直对齐，配合媒体查询调整布局方向与间距，实现响应式表单提示对齐。
-
border-radius仅视觉裁剪背景，不改变盒模型尺寸：width/height、padding-box/border-box均不变，子元素仍按矩形布局；背景色/图/阴影被裁剪，但盒子本身仍是方形。
