-
rgba()的四个参数依次为红、绿、蓝三色强度（0–255整数）和透明度alpha（0–1小数）；与opacity不同，rgba仅作用于背景色，不影响文字及子元素。
-
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与响应式设计，完整构建美观布局。
-
使用HistoryAPI实现无刷新路由：通过pushState添加历史记录，replaceState修改当前记录，结合popstate监听浏览器前进后退，配合事件代理拦截链接点击，实现页面跳转不刷新，提升单页应用体验。
-
根本原因是浏览器及邮件客户端默认合并连续空白字符，Outlook等还过滤 并存在编码兼容问题；可靠方案是表格+透明GIF占位。
-
CSS多状态按钮应采用分层设计、明确优先级与状态解耦：用自定义属性统一管理各状态样式，合理使用:hover:active组合伪类，并通过JSclass（如.is-pressed）增强跨端可控性。
-
ChromeDevToolsMemory面板需通过多次堆快照对比差异识别内存泄漏，重点观察Constructor列中持续增长的对象类型，并利用Retainers面板追踪引用链定位根源。
-
HTML列表排序需在数据层优先处理，DOM操作仅作补充；JavaScript用textContent.trim()和localeCompare()排序，注意数字转换与中文locale；服务端排序更稳妥。
