-
HTML无原生“精华”语义标签，加权依赖后端注入data-属性（如data-essence="true"）并由前端JS/CSS消费，首屏直出确保稳定性与SEO，ARIA仅用于无障碍，不参与权重逻辑。
-
BlockTree、静态提升与动态节点标记协同优化Vue3运行时性能：BlockTree按动静分离划分更新边界，静态提升将不变节点缓存复用，动态标记精准限定diff范围。
-
优酷无法关闭HTML5，真正可行的管控路径只有启用青少年模式或通过路由器DNS拦截关键CDN域名；前者服务端降级HTML5能力，后者阻断资源加载。
-
必须用linear才能匀速，否则默认ease会导致跑马灯卡顿；位移终点须为-100%或容器宽负值以实现无缝；需复制内容并紧挨拼接；iOSSafari需加translateZ(0)规避渲染bug。
-
@import会让CSS构建变慢又难调试，因其是运行时加载、无法静态分析依赖，导致工具链无法合并压缩样式，触发多次请求、来源映射错乱、热更新失效，且css-loader与postcss-import易冲突。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
-
HTML表格的语义化标签包括<caption>、<thead>、<tbody>、<tfoot>、<th>等，它们的作用是提升表格的可访问性、结构清晰度和样式控制能力；1.<caption>为表格提供标题，帮助屏幕阅读器用户和搜索引擎理解表格主题；2.<thead>包裹表头行，通常包含<th>单元格，用于定义列标题；3.<tbody>包含表格主体数据行，便于逻辑分离和滚动控制；4.<tfoot&
-
z-index不生效的根本原因是元素未进入定位上下文或被父级层叠上下文截断；它仅对position为relative、absolute、fixed、sticky的元素有效，且层级由整个层叠上下文树决定，而非单纯比较数值大小。
-
HTML函数工具无法绕过硬件限制，因其运行于浏览器沙箱内，仅能通过受限WebAPI间接访问摄像头、麦克风等授权设备，WebAssembly亦无法突破隔离；软件模拟仅适用于纯逻辑设备，复杂或实时硬件行为不可行。
-
个人中心页面必须用语义化HTML标签组织：<header>包裹用户概览，头像用<figure><img><figcaption>，字段用<dl><dt><dd>，按钮必须是<button>；布局优先display:grid，表单编辑态复用DOM节点并用contenteditable控制，移动端按钮需确保是<button>且避免pointer-events:none干扰。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；其比较受限于层叠上下文，子元素z-index只在自身上下文中有效，不跨上下文比较。
-
需结合contenteditable属性、iframe集成、data-权限标记及ShadowDOM封装实现网页文档编辑与访问控制：一、用contenteditable="true"启用编辑，配tabindex与CSS限制；二、iframe嵌入外部文档，通过postMessage通信传递权限；三、data-属性硬编码权限，JS匹配用户角色控制编辑状态；四、ShadowDOM封装编辑器，隔离样式逻辑并提供setPermission接口。
-
JavaScript是全栈开发的事实标准语言——贯穿前后端、构建工具、数据库驱动及部署脚本；必须掌握原生机制、运行时模型、工程配置与调试能力，否则无法定位和解决跨层问题。
-
响应式布局应基于一套语义化HTML，通过media查询配合display、flex-direction、order及CSS容器查询实现结构级适配，避免重复DOM或JS干预。
-
Svelte是编译时前端框架，将.svelte组件直接编译为高效原生JS，无虚拟DOM和运行时依赖；响应式通过$:编译生成更新逻辑；样式默认局部作用域；单文件结构融合模板、逻辑与样式。
