-
答案：实现实时Markdown编辑器需通过前端JavaScript监听输入并即时解析渲染。首先搭建包含textarea和预览区的HTML结构，利用CSS实现分栏布局；引入marked.js库将Markdown文本转为HTML；通过input事件实时调用marked.parse()更新预览内容；可添加防抖优化性能，结合highlight.js实现代码高亮，并注意XSS防护与用户体验细节。
-
html{scroll-behavior:smooth}必须作用于html元素，因浏览器主滚动容器是html而非body；写在body上无效，属最常见错误；需检查DevTools中html元素的computed样式是否生效，并排除重置样式、系统偏好及目标元素可见性等干扰因素。
-
@starting-style是CSS动画起始状态声明机制，需配合同名@keyframes和animation使用，仅Chromium114+实验性支持，必须启用实验标志，不兼容Firefox/Safari，不可用于transition，非生产就绪。
-
float是实现文字环绕图片最轻量、兼容性最好的原生方案，需为图片显式设置width（或max-width）和float，文字必须紧跟其后且处于同一BFC中，同时注意父容器坍缩问题。
-
CSSlinear()是专为分段线性缓动设计的新函数，非linear关键字替代品；需Chrome113+/Firefox115+/Safari16.4+支持，参数须单调递增且在0–1内，仅可用于transition-timing-function或动画属性级animation-timing-function，不可用于@keyframes内部。
-
console.count按标签分组计数，非全局累加；需固定语义化标签（如'over100'）并在条件内调用，配合countReset可重置，但不可赋值或用于逻辑判断，仅适用于调试验证。
-
使用百分比宽度设置容器，配合max-width和min-width控制弹性范围，结合box-sizing:border-box防止布局溢出，并通过max-width:100%使图片自适应，实现流式布局。
-
querySelectorAll返回静态NodeList，非Array，旧浏览器不支持forEach；推荐用Array.from转数组再遍历，确保兼容性与语义清晰。
-
JavaScript继承有四种模式：1.原型链继承，通过prototype实现方法复用但属性共享；2.借用构造函数，用call/apply复制属性但无法继承方法；3.组合继承，结合前两者，属性独立且方法复用；4.ES6class，语法糖封装原型链，语义清晰且功能完备。
-
用BroadcastChannel协调多标签页任务分发与状态同步，WebWorker独立执行计算，通过localStorage防重入、IndexedDB存数据、ServiceWorker预缓存实现离线容错。
-
<footer>标签用于定义文档或内容块的页脚，包含版权、联系方式、辅助导航等信息；2.与<div>的本质区别在于语义化：<footer>明确表达“页脚”意图，提升可读性、SEO和可访问性；3.规划页脚需兼顾用户体验与SEO，通过内容分组、精选链接、结构化数据和响应式设计实现平衡；4.常见误区包括滥用标签、内容堆砌和忽视可访问性，最佳实践是准确使用语义化标签、逻辑分组内容、关注响应式与可访问性并定期维护更新。一个精心设计的页脚能有效提升网站的专业度和用户满意度。
-
推荐使用transform实现高效动画。通过transition与transform结合，利用GPU加速，避免重排，提升性能；相比直接过渡top、left更流畅，尤其在移动端应避免修改布局属性；可通过JS控制类名切换触发translate动画，并配合will-change等优化策略，确保动画顺滑。
-
可直接干预Vue编译过程，核心是替换或增强@vue/compiler-core的parse→transform→generate三阶段流水线，其中transform阶段最常用、最安全，支持逻辑注入、性能标记等构建时AST改造。
-
WebSocket.onmessage中直接更新DOM会卡顿，因高频消息触发强制同步重排；应缓存数据至Map，再用requestAnimationFrame批量更新DOM。
-
WebSocket连上即断基本是握手失败而非心跳问题，需检查Network中WS响应是否为101SwitchingProtocols及Upgrade、Connection响应头是否齐全，重点排查Nginx是否漏配proxy_http_version1.1、proxy_set_headerUpgrade$http_upgrade、proxy_set_headerConnection"upgrade"和proxy_read_timeout≥3600。
