-
表单验证不该全靠正则。正则适合格式校验，不适用业务逻辑判断；应先trim、再简单判断、最后正则兜底；需注意边界情况、分国家处理手机号、拆解密码强度检查；控制触发时机防卡顿；优先用原生校验API，后端必须二次校验。
-
HTML转其他格式需工具链处理：Chrome命令行导出PDF最稳定；html2text适合提取纯文本但丢结构；pandoc转Markdown/DOCX更可控，需配合sed修复和参考文档；转换本质是权衡舍弃内容。
-
:first-child不生效是因为它要求元素既是父元素第一个子元素又类型匹配，而前面的注释、空格等会破坏条件；:first-of-type更可靠，只关注同类型中首个出现的元素。
-
答案：通过CSS的@keyframes和animation属性可实现文字闪烁效果。1.使用opacity实现渐隐闪烁，通过改变透明度使文字柔和闪烁，每秒一次；2.利用visibility与opacity结合，配合step-start实现文字突然消失与出现的硬切换效果；3.通过颜色变化模拟闪烁，适用于警告提示。应避免频率过快，建议间隔不低于0.5秒，以提升可访问性。
-
按钮弹入动画应使用transform:translateY(20px)与opacity:0初始隐藏，配合带回弹的@keyframes和cubic-bezier缓动，通过animation-fill-mode:forwards保持终态，并在DOM挂载后用requestAnimationFrame触发。
-
HTML5语义化标签提升了网页结构清晰度，使代码更具可读性和维护性；主要标签如<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>等明确划分页面区域，增强机器与人的理解；它们改善SEO，便于搜索引擎抓取核心内容，同时提升无障碍访问体验，帮助屏幕阅读器用户快速定位；正确使用需遵循标签语义，避免滥用<section>或混淆<article>
-
CSS是描述性语言，专控网页外观；HTML5是标记语言，专定义内容结构。前者用{}写color等属性，后者用<>标签如<section>构建语义化结构，二者语法独立、职责分明。
-
Mongoose中定义了ref的字段（如student、subject、classroom）不会自动展开为实际数据，必须显式调用.populate()才能获取被引用文档的完整内容。
-
localStorage数据永久保存、跨会话存在，sessionStorage仅限当前标签页生命周期；二者API相同但生命周期和作用域不同，均受同源策略限制且只支持字符串值，存对象需JSON.stringify/parse。
-
JavaScript通过history.pushState()和replaceState()操作同源历史栈，支持无刷新更新URL和状态；popstate事件监听导航变化；back/forward/go仅限已存在历史项跳转，且需用户手势触发。
-
字体不显示主因是@font-face声明错误或字体路径、格式、权限问题；应检查路径准确性（推荐绝对路径）、多格式兼容性（woff2优先）、语法完整性、跨域及MIME类型配置。
-
JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
-
本文介绍如何构造可分享的URL，使目标页面在加载时自动将指定值设为<select>下拉框的选中项，适用于第三方站点集成、SEO友好链接或用户直接跳转场景。核心思路是利用URL查询参数（如?year=2022）驱动前端逻辑，而非哈希片段（如#year.option="2022"），后者无法被服务端识别且不触发React重渲染。
-
JavaScript是唯一能在浏览器原生运行并实时响应用户操作的前端语言，直接操控DOM/CSS、监听事件、发起AJAX请求、支撑所有主流框架，其核心难点在于精确掌控执行时机与作用域边界。
-
使用flex-wrap和gap可高效实现弹性卡片布局。1.容器设为display:flex并启用flex-wrap:wrap实现自动换行；2.用gap统一设置间距，避免margin错位；3.卡片通过flex:11200px等灵活宽度自适应屏幕；4.结合padding与响应式设计，完整构建美观布局。
