-
HTML5彻底废弃条件注释是因为其为IE5–IE9独有的非标准特性，W3C和WHATWG制定标准时未纳入，现代浏览器解析HTML5时直接忽略。
-
答案：实现虚拟DOM需创建VNode、渲染真实节点与diff算法。首先用h函数生成描述UI的JS对象，再通过mount递归构建真实DOM并保留引用；当数据变化时，patch比较新旧VNode：标签不同则替换，相同则更新属性并递归处理子节点，最后通过render和update驱动视图更新，核心是声明式UI与最小化更新。
-
ID选择器权重是(0,1,0,0)而非“比class多10”，因CSS优先级按四元组(a,b,c,d)逐位比较，ID仅贡献b位，高位胜出即终止比较，故十个类选择器(0,0,10,0)仍不敌一个ID。
-
SVG在CSS中不显示通常由路径错误、MIME类型配置不当、编码问题或浏览器安全策略导致；应先用开发者工具检查404错误，再验证服务器Content-Type、URL编码及CSP限制。
-
正则回溯是引擎在匹配失败后重新尝试的过程，不当使用贪婪量词或嵌套结构易导致回溯失控，如/(a+)+b/匹配无b字符串时产生指数级回溯，引发性能问题。
-
JavaScript是网页的执行引擎而非装饰品；document.getElementById在DOM加载前返回null因执行时机过早；fetch适合现代项目但需手动处理错误和cookie，XMLHttpRequest适合需进度监听或兼容老环境的场景；箭头函数因无独立this不能直接作Vue/React事件处理器。
-
标题不跨列是因为父容器未定义grid-template-columns，导致-1指向隐式网格末尾而非预期最后一列；必须显式设置列轨道，如repeat(3,1fr)，此时-1才指向第4条线。
-
最直接的方法是使用Twitter官方嵌入代码，包含<blockquote>标签和widgets.js脚本；2.若样式不符，可通过data-theme、data-align等属性有限自定义；3.推文不显示通常因widgets.js未加载、CSP限制或动态添加后未调用twttr.widgets.load()；4.嵌入会影响性能（增加请求、执行开销）和SEO（内容难抓取，但可提升用户体验信号），建议懒加载并控制数量以优化体验。
-
关键在于选对数据结构和控制边界：用Map/Set替代Object做高频查找，递归需设深度限制或访问标记，数值计算优先TypedArray，调试用JSON.stringify打桩和断言。
-
position:relative使元素保持文档流位置并支持偏移，结合z-index可控制层叠顺序，z-index数值越大越靠前，同级元素未设z-index时后渲染的覆盖前一个，且父元素的层叠上下文影响子元素层级。
-
Web标准浏览器（如Chrome、Firefox）无法实现窗口级透明效果，因此纯静态HTML/CSS/JS或PWA均无法让桌面壁纸透过浏览器窗口可见；真正可行的方案需借助桌面应用框架（如Electron），通过原生窗口属性控制透明度。
-
CSS盒模型由内容、内边距、边框和外边距组成，总宽度=width+左右padding+左右border+左右margin；默认box-sizing:content-box导致尺寸膨胀，推荐使用box-sizing:border-box使宽高包含padding和border，配合*{box-sizing:border-box}重置全局样式，并注意垂直margin合并现象，以实现精确布局控制。
-
WebGL纹理黑屏或纯色的主因是图像未就绪即调用gl.texImage2D，需确保img.complete为true且naturalWidth>0；跨域图片须设crossOrigin="anonymous"并配服务端响应头；NPOT尺寸需禁用mipmap或升至WebGL2.0；多纹理须正确绑定不同纹理单元。
-
toRaw()用于从Vue3响应式代理中获取原始对象，解决第三方库因Proxy拦截导致的兼容性问题，如属性读取失败、初始化异常或JSON序列化为空；它仅对reactive/ref创建的对象有效，返回值无响应性。
-
window是JavaScript与浏览器API交互的主入口，挂载跳转、弹窗、定时器、存储等功能；需注意其在iframe或严格模式下应显式使用，并避免滥用alert/confirm/prompt、定时器未清理及localStorage存敏感数据等问题。
