-
Object.getPrototypeOf用于获取对象的原型。1.查看对象原型：console.log(Object.getPrototypeOf({}))返回Object.prototype。2.检查继承关系：console.log(Object.getPrototypeOf(Object.create({foo:'bar'}))==={foo:'bar'})返回true。3.遍历原型链：使用递归函数getPrototypeChain(obj)可以查看完整原型链。
-
:not()伪类在CSS中用于排除特定元素，其语法为选择器:not(要排除的选择器)。例如，div:not(.special)选中除class="special"外的所有div；li:not(:first-child)选中除第一个外的所有列表项；button:not(:disabled)选中除禁用状态外的所有按钮。:not()支持排除多个元素的方式取决于CSS版本：CSS3中需链式写法如div:not(.class1):not(.class2)，而CSS4允许直接传入列表如div:not(.class1,
-
WebComponents是浏览器原生支持的可复用自定义元素标准，核心包括CustomElements（通过customElements.define()注册含短横线的标签）、ShadowDOM（用attachShadow封装样式与结构，避免全局污染）和HTMLTemplates（用template元素提升结构清晰度与复用性）。
-
最直接的方式是使用CSSFlexbox布局，通过设置display:flex和flex-direction:column实现子元素垂直排列；利用justify-content控制垂直对齐、align-items控制水平对齐，并通过gap属性设置子元素间距；结合flex-grow、flex-shrink和flex-basis可灵活分配容器内空间，实现如头部-内容-底部等自适应布局；在响应式设计中，配合媒体查询切换flex-direction，可在小屏幕使用column、大屏幕切换为row，实现布局方向的灵活
-
AJAX是一种不刷新页面即可与服务器交换数据并更新部分网页内容的开发模式，核心是异步通信；请求由JavaScript发起、后台进行、响应多为JSON、DOM局部更新；现代推荐用fetchAPI，旧环境可用XMLHttpRequest。
-
根本原因是基础对齐体系不稳，需先统一box-sizing:border-box并用Flex/Grid替代手动对齐，媒体查询仅作尺寸微调。
-
HTML5空格在SPA中会因inline/inline-block元素间渲染为可见间隙，影响布局与可访问性；推荐用flex布局消除空格依赖，或通过Fragment、CSSfont-size:0、SSR压缩配置等策略精准控制空白。
-
CSS权重是按位比较的四元组(a,b,c,d)：a为内联样式（0或1），b为ID个数，c为类/属性/伪类总数，d为标签/伪元素总数；高位优先比较，不叠加不进位。
-
HTML5网页基础结构需依次声明文档类型、设置根元素与语言属性、构建head区域、定义body语义化结构并验证嵌套规则。具体包括：一、首行写<!DOCTYPEhtml>；二、紧跟<htmllang="zh-CN">；三、head内设charset、viewport和title；四、body中按header-nav-main-footer逻辑嵌入语义标签；五、确保标签闭合正确且符合HTML5嵌套规范。
-
JavaScript有7种原始数据类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object），共8类；原始类型按值存储，引用类型按引用存储。
-
Firebase中onAuthStateChanged触发后立即读取Firestore用户文档，可能因本地缓存未同步而返回空或过期数据；本文详解通过服务端读取、监听实时快照或检查元数据等方式可靠获取最新用户文档。
-
最简单的内存缓存是用普通JavaScript对象（{}）作键值容器，适合单页应用临时存储；应封装为支持过期、LRU淘汰和自定义TTL的类，优先用Map；需分层结合ServiceWorker、HTTP缓存和localStorage，并按业务场景设计失效策略。
-
HTML页面向服务器上报数据有五种方式：一、表单提交；二、XMLHttpRequest；三、FetchAPI；四、Image对象GET上报；五、WebSocket持续上报。
-
CSS404不报错是因为浏览器将其视为非阻塞资源，仅在控制台显示黄色警告；首要排查<link>标签href路径是否正确，包括相对路径、大小写、拼写及服务器实际文件位置，并借助Network面板验证请求地址与缓存影响。
-
box-shadow可替代border实现无缝融合：用inset0002px#333配合overflow:hidden；背景图延伸用padding+负margin+background-size调整；:focus状态用box-shadow模拟outline；高精度需求可用SVG边框内联。
