-
伪类连用需紧挨（如:hover:disabled），空格表示后代选择器；:is()可简化多选择器、降权重，:where()提供零权重保底；属性选择器优先于class管理状态；自定义属性适合多维状态组合，但复杂逻辑应交由JS处理。
-
迭代器模式和生成器函数是JavaScript中实现懒加载的核心机制，通过按需获取数据节省内存；迭代器提供统一访问集合的方式，生成器则以yield语法糖自动实现可暂停的懒执行迭代器。
-
实现HTML内容分页显示有四种方法：一、JavaScript手动分割DOM节点；二、CSSGrid配合JS隐藏/显示页块；三、使用Pagination.js插件；四、服务端分页+AJAX动态加载。
-
JavaScript无法直接读写本地文件系统，仅能通过FileAPI操作用户主动选择的文件；需用input[type="file"]获取File对象，再通过FileReader异步读取内容，注意兼容性与大文件处理。
-
能，line-height:1使行框高度等于font-size，无额外上下留白；但仅适用于纯文本、单行、无inline元素的场景，中文字体易顶边，且受字体metrics和box-sizing影响。
-
MixedContent错误意味着HTTPS页面中HTTP资源被浏览器直接拦截，导致图片不显示、脚本不执行、接口调不通；必须修复而非忽略。ChromeDevTools可通过Network面板筛选http://快速定位所有被blocked:mixed-content的请求，并结合Initiator定位源头。
-
图片在flex容器中撑破父容器需同时设置img{max-width:100%;height:auto;flex:110}，因flex默认行为会忽略max-width，必须通过flex-basis:0重置基准尺寸并启用缩放。
-
采用emit主动回传校验结果，子组件内聚校验逻辑并按field标识触发validate事件，父组件聚合状态、统一决策；支持同步/异步、防抖、错误提示与样式联动，结构清晰、响应式强、易于测试。
-
save()和restore()保存/恢复绘图上下文状态而非像素，包括变换矩阵、裁剪路径、样式属性及合成模式；不保存已绘制图形、canvas尺寸和像素数据；栈空时调用restore()会抛DOMException。
-
纯HTML无法实现地图路线规划，因其仅负责结构标记，缺乏坐标计算、路径算法、地图渲染等能力，必须依赖高德等地图SDK或Leaflet+OSRM等组合方案。
-
HTML5<inputtype="date">输出格式为"YYYY-MM-DD"（如"2024-06-15"），是ISO8601子集，moment()可识别但默认按本地时区解析，可能引发跨时区日期偏移问题。
-
SublimeText中快速插入HTML5声明可通过四种方法实现：一、安装HTML5Snippets插件后输入html:5+Tab；二、手动配置HTML.sublime-snippet模板文件；三、使用Emmet输入!+Tab；四、预存html5-template.html文件拖入复用。
-
函数声明和函数表达式最核心区别在于提升行为与语法位置约束：前者全量提升且只能出现在顶层或函数体，后者仅变量名提升、可置于任意表达式位置，并支持命名但名称仅内部有效。
-
主题切换时旧样式残留可通过class选择器控制解决，关键在于明确主题class作用范围并提升新样式优先级。将theme-dark或theme-light等class添加到body等根元素，所有主题样式以此class为前缀限定作用域，确保结构清晰。如：.theme-light.header{background:white;}与.theme-dark.header{background:#1a1a1a;}，切换时仅需更新body的class。若旧样式仍存在，说明第三方或内联样式优先级高，应使用更具体选择器、
-
document.readyState无法准确反映首屏就绪状态，因其interactive和complete仅表示DOM解析与资源加载进度，与FCP、CSSOM构建、布局绘制无直接关系；真实首屏应以performance.getEntriesByType('paint')[0].startTime（first-contentful-paint）为准。
