-
使用flex-grow:1可让子元素填满父容器剩余空间。需确保父容器设为display:flex，目标元素设置flex-grow:1，配合flex-basis与flex-shrink精确控制；常见于侧边栏固定、主内容区自适应布局，解决因未启用伸缩或缺失min-width等导致的填充失败问题。
-
合理使用百分比和rem单位可提升响应式设计灵活性。百分比基于父容器宽度，适用于流式布局和栅格系统；rem基于根字体大小，适合组件间距与统一尺度控制。建议容器级布局用百分比，组件内间距用rem，结合媒体查询调整根字体，实现高效响应式布局。
-
真正可重用的函数需满足单一职责、无副作用、输入输出明确；只依赖参数、不修改入参、错误显式处理、合理使用默认参数与解构；函数式编程提升测试性、组合性、并发安全性与可调试性。
-
在HTML中通过<inputtype="file">的accept属性标记文件上传格式要求，核心是使用MIME类型或文件扩展名实现前端过滤。1.使用MIME类型如image/png或通配符如image/*可精确或批量限制文件类型；2.也可使用扩展名如.png，但可靠性较低；3.多类型限制时用逗号分隔；4.accept仅作为前端提示，无法确保安全，需后端校验文件类型、大小、内容及存储路径；5.前端还可通过multiple、拖放、实时预览、大小校验和进度显示优化用户体验。
-
递归下降解析通过递归函数实现语法分析，将语法规则转为函数，配合词法分析器生成AST，适用于JavaScript表达式解析，需避免左递归并支持错误处理与位置追踪。
-
答案是使用:disabled伪类可为表单元素设置禁用样式。当button等支持disabled属性的元素被添加该属性时，会自动匹配:disabled选择器，从而应用预定义样式，如改变背景色、文字颜色和光标形态，提升用户感知。例如通过CSS设置button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:0.6}实现视觉上的不可用状态。注意仅表单元素如button、input支持disabled属性和:disabled
-
答案：HTML中删除元素需用JavaScript操作DOM，常用removeChild()或现代的remove()方法。先获取目标元素，再调用对应方法删除，推荐使用更简洁的remove()，并注意判断元素是否存在以避免错误。
-
需通过语义化标签替代、CSS模拟特性、JavaScript补全功能实现HTML5兼容性还原：一、用HTML4标签+CSS模拟HTML5语义元素；二、用CSS伪类与背景图模拟表单控件；三、用JSpolyfill补全localStorage等API；四、用CSS重置与厂商前缀还原默认样式；五、用DOCTYPE、meta及html5shiv确保IE兼容。
-
Polyfill是一段兼容代码，用于在旧浏览器中实现现代JavaScript功能。它通过检测缺失的API并提供替代实现来填补功能空白，如为IE添加Array.prototype.includes支持。与Babel仅转译语法不同，Polyfill专门补全未实现的全局对象或原型方法。编写时需先判断功能是否存在，再定义实现，例如String.prototype.startsWith的Polyfill会处理起始位置参数pos并确保this指向正确字符串。常见需Polyfill的特性包括数组方法（includes、
-
优化JavaScript网络请求需减少请求数量、合并资源，并结合强缓存、协商缓存与客户端缓存策略，利用浏览器缓存、内存存储及ServiceWorker实现多层级缓存，提升性能。
-
JavaScript函数是可重复使用的代码块，用于执行任务或计算并返回结果；支持函数声明、表达式和箭头函数，可传参、设默认值、返回任意类型，具有一等公民特性及闭包机制。
-
本文深入探讨了在React/Next.js应用中，由于setState和onClick事件处理函数的不当使用可能导致的无限渲染循环问题。文章详细解释了内联箭头函数创建新函数引用如何影响组件性能和稳定性，并提供了使用useCallbackHook来稳定事件处理函数、优化渲染性能并有效避免无限循环的专业解决方案。通过具体代码示例，帮助开发者理解并实践React性能优化的关键技巧。
-
答案：JavaScript中实现数字千分位格式化常用toLocaleString()和正则表达式。toLocaleString()支持国际化与小数控制，适合多数场景；正则方式灵活自定义分隔符，适用于需脱离语言环境的定制需求。
-
:first-of-type用于选中父元素下某标签类型的第一个子元素，如p:first-of-type设置首个p标签样式；与:first-child不同，它只关注同类型标签中的第一个，不受兄弟元素位置影响，适用于无需class即可样式化首项的场景。
-
IntersectionObserverAPI用于监听元素是否进入视口，支持懒加载、动画触发和埋点上报。通过创建observer实例并配置threshold、rootMargin等参数，可在元素可见时执行回调，相比scroll事件更高效。典型应用包括图片懒加载（读取data-src）、视入动画（添加类名）和内容曝光统计（上报埋点）。需注意兼容性处理、及时调用unobserve()和disconnect()释放资源。该API简化了可见性检测逻辑，提升性能与可维护性。
