pattern属性用于HTML输入字段的正则表达式校验，确保用户输入符合特定格式。例如，可以用来验证邮箱、电话号码或密码强度等。在实际开发中，pattern 属性结合 input 标签使用，能有效提升表单验证的灵活性和准确性，减少后端校验的压力。以下是一个简单的 HTML 输入校验示例：
pattern属性仅在表单提交时触发原生正则校验，适用于text、tel、email等文本输入类型，不作用于number类型；需配合title提供提示，且正则为全匹配模式，^和$可省略。
父元素设relative，子元素设absolute可实现精确定位。relative保持文档流并作定位参考，absolute使子元素脱离文档流，相对于最近已定位祖先定位，常用于覆盖、弹窗等场景。设置时父级无需偏移，子级用top、left等定位，注意层级和父级padding影响。
text-orientation必须与writing-mode配合使用，仅设text-orientation无效；mixed是中英混排竖排的默认推荐值，使汉字直立、ASCII字符顺时针旋转90°，符合出版规范。
:is()不能一键统一样式，它仅合并选择器；h1–h6的font-size、line-height等需逐级定义以保语义与可访问性，仅宜用于margin、font-family等通用属性重置。
可通过操作DOM元素的style属性动态修改文本或背景颜色，方法包括：一、直接修改内联样式；二、切换预定义CSS类；三、修改CSS自定义属性；四、用getComputedStyle读取并智能计算新颜色；五、通过setAttribute设置style字符串。
HTML编码规范的核心是减少歧义、避免浏览器误解析、保障协作效率；需强制写DOCTYPE和lang，class用语义化小写短横线命名，块级标签显式闭合，属性按class→id→data-→src/href/for→type→alt/title→aria-/role顺序并统一双引号。
SCSS中@each用于编译期遍历列表或地图：列表用@each$itemin(a,b,c)，地图用@each$key,$valuein(k:v)；@for适用于数字范围生成类名；@while因变量不可重赋值且无递归支持，极少实用。
@babel/plugin-transform-react-jsx不能删调试代码因仅做语法转换、不分析语义；需自定义插件匹配console、debugger和process.env条件判断，并前置声明以确保AST可识别。
JavaScript解析JSON必须用JSON.parse()而非eval()以防XSS，生成时需处理循环引用和不可序列化值，解析前应校验数据来源与类型，大数据量需流式解析或懒加载。
空隙过大主因是margin/padding过大、默认样式或外边距合并；应先用开发者工具定位来源，再针对性调整margin、改用gap、重置默认样式或用flex/grid布局优化。
reduce()未提供初始值时存在三类隐患：空数组抛TypeError、单元素不执行回调、首项类型主导后续计算；应始终显式传入合理初始值以确保行为可控。
JavaScript事件是用户或浏览器触发的通信机制，通过addEventListener绑定可避免覆盖、支持多监听和精确移除；需善用event对象属性（如target、preventDefault）、事件委托及语义化API（如key而非keyCode）。
navigator.onLine不可靠，仅反映系统网络接口状态而非服务可达性，需配合fetch心跳检测（带超时、防抖、真实后端校验）和服务端预缓存离线页才能准确判断用户可用性。482 收藏
WeakMap和WeakSet的核心价值在于持有弱引用，不阻止垃圾回收，适合缓存、元数据绑定或私有属性模拟；WeakMap键必须是对象，支持私有数据存储与自动清理；WeakSet仅存对象，用于标记且不可遍历。479 收藏
正确使用表单标签与属性、支持“记住我”功能、避免破坏自动填充机制、测试浏览器兼容性可实现稳定自动填充。1.使用标准input类型并设置autocomplete属性为username和current-password；2.登录成功后通过localStorage保存用户名，页面加载时恢复；3.避免动态修改type、禁用autocomplete或使用非原生输入框；4.在Chrome、Firefox、Safari中测试自动填充与多账号切换效果，确保兼容性。462 收藏