-
JavaScript正则表达式通过元字符、量词、分组和修饰符实现高效字符串处理。1.元字符如^、$、.、*、+、?和{n,m}用于定义匹配规则，可验证密码格式等；2.字符类[abc]、1、\d、\w与捕获分组()、非捕获(?:)提升表达式结构化能力，适用于日期提取等场景；3.贪婪匹配默认尽可能多匹配，加?变为非贪婪，利于HTML标签内容提取；4.i、g、m标志支持忽略大小写、全局和多行匹配，newRegExp实现动态构建，预查(?=)可在不包含条件下匹配数字单位并进行替换操作。熟练掌握这些技巧可显著提升文
-
本文详解如何在React中实现带分组标签（<optgroup>）的下拉选择框，同时在每组顶部添加“全选”“清空”按钮——关键在于分离UI控制逻辑与原生<select>的语义限制。
-
非受控组件指表单元素值由DOM自身管理，不通过value/onChange交由React控制；用useRef创建ref绑定元素，以defaultValue/defaultChecked设初始值，通过ref.current.value读写值，适用于文件上传、需调用原生方法等场景。
-
indexOf返回索引，includes判断包含，startsWith检查开头。根据需求选择：需位置用indexOf，判断存在用includes，验证前缀用startsWith。
-
JavaScript模板引擎核心是解析、编译、渲染三步，基础用with+newFunction，进阶用词法分析+AST，需沙箱隔离与安全语法设计。
-
JavaScript的getAttribute方法用于获取HTML元素上指定属性的原始值。它返回字符串或null（当属性不存在时）。使用时需先获取DOM元素，如：1.constmyImage=document.getElementById('myImage');；2.constimageSource=myImage.getAttribute('src');；3.若属性不存在，如data-custom，会返回null。与直接访问属性不同，getAttribute返回HTML中写死的原始值，而.src等属性反
-
CSS的transition属性通过平滑改变属性值实现动画效果。1.它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2.transition用于简单状态过渡，由交互触发，而animation支持多关键帧和循环播放。3.JavaScript可通过修改样式触发transition，并可用transitionend事件监听完成。4.性能优化包括
-
合理使用CSS颜色表示方法可提升多列布局的视觉层次与可读性。通过十六进制值（如#f0f8ff）或标准颜色名称（如lightblue）设置背景色，能有效区分内容区块并保持设计统一。采用相近色系（如#e6f7ff、#ccefff、#b3e6ff）可实现渐变效果，浅色调有助于减少对文本阅读的干扰，尤其适用于长文本分栏。为满足可访问性，需确保背景色与文字有足够对比度。使用RGBa或HSLa（如rgba(70,130,180,0.1)）可创建半透明背景，使列块自然融合于复杂背景，增强层次感，适用于卡片式或重叠布局。
-
微博HTML5版无独立超话入口文档，超话功能依赖后端接口；需通过搜索或拼接URL进入超话主页，发帖须在正文前50字内用#话题名#格式且最多两个；自行构造页面发帖因校验gsid、st等参数不可行。
-
margin用于控制元素间距离，围绕border外侧；可设置四方向或单独方向，取值包括长度、百分比、auto等；块级元素四边margin均生效，行内非替换元素上下margin无效，行内替换元素则全部生效；垂直margin可能发生折叠，取较大值合并；margin:0auto配合宽度可实现水平居中，垂直居中需借助其他布局方式。
-
启用box-sizing:border-box可解决元素宽度异常问题，因其使width包含padding和border，避免content-box下实际宽度超出预期导致内容压缩或溢出。
-
FetchAPI是现代浏览器原生网络请求接口，基于Promise设计，支持async/await，但默认不带Cookie、不自动处理4xx/5xx状态码；需手动检查res.ok、显式配置credentials、用AbortController取消请求。
-
CSS样式被覆盖的核心原因是选择器优先级（specificity）和层叠顺序（cascadeorder）共同作用；应利用开发者工具查看带删除线的样式、对比四元组权重(a,b,c,d)、确保自定义样式后加载，并慎用!important。
-
JavaScript在HTML5中定义和调用函数需匹配DOM状态：一、命名函数需声明后调用，可置于或底部并配合window.onload；二、匿名函数立即执行，避免全局污染；三、箭头函数语法简洁但不兼容IE；四、内置函数如parseInt()、trim()、map()提升开发效率；五、事件绑定推荐addEventListener()且须确保元素已加载。
-
弹性盒子与网格布局混合使用错位的根本原因是容器层级职责不清、display属性覆盖或尺寸计算冲突；应由Grid负责整体二维结构划分，Flexbox负责内部一维内容对齐，并通过语义化wrapper隔离职责、合理设置min-width和轨道函数避免拉伸干扰。
