-
JavaScript服务端渲染（SSR）是让Node.js服务器直接执行React/Vue组件生成带真实内容的HTML字符串并一次性发送给浏览器，解决白屏和SEO问题；getServerSideProps是Next.js中每次请求时在服务端运行的异步函数，用于取数并注入props，不可使用浏览器API，需注意缓存与性能优化。
-
优先调高HSL中的亮度（L）值可有效提升深色背景上按钮文字的可读性；L值设为82%–85%既保证对比度达标（≥4.5:1），又避免刺眼，比调整色相或饱和度更直接可控。
-
使用Electron或Tauri可将HTML编辑器转为桌面应用，再集成JSZip实现项目打包功能，通过配置构建规则提升导出效率。
-
推荐使用Ruffle嵌入或AdobeAnimate重制。SWF因Flash淘汰难以播放，可通过Ruffle模拟器在HTML5环境运行，或用AdobeAnimate将FLA源文件导出为HTML5Canvas保留交互功能，无源文件时可借助在线工具转视频格式但丢失交互性。
-
用requestAnimationFrame实现可暂停动画需维护isPaused状态，仅在非暂停时递归调用；按钮点击需禁用防连点、状态驱动文案；Canvas暂停时停渲染以定格画面；移动端应设touch-action:manipulation防默认行为。
-
在JavaScript中，func表示对函数对象的引用，而func()表示立即调用该函数并返回其执行结果；这一区别直接影响赋值、事件绑定、模块导出等关键场景的行为。
-
justify-self用于Grid布局中控制子元素在行内轴（横轴）的对齐，如center、start等；align-self在Grid和Flexbox中均有效，控制块轴（纵轴）对齐，如center、flex-start。前者仅适用于Grid，后者通用，优先级高于父容器设置。
-
答案是使用标签或CSSwhite-space属性处理HTML换行。通过替换\n为实现换行显示，或用pre、pre-line、pre-wrap等CSS属性保留格式，用户输入需先转义再转换，确保安全与效果兼顾。
-
图片与文字使用float错位是因基线对齐和块级特性导致，可通过inline-block+vertical-align或flex布局解决，推荐用flex实现垂直居中对齐。
-
最稳妥的显示方式是用iframe；动态创建并设srcdoc属性可内联渲染同源HTML字符串，跨域则需后端配置CORS或frame-ancestors，IE不支持srcdoc时可用BlobURL降级，局部渲染推荐DOMParser解析后挂载body子节点。
-
直接套用SVG作border-image会变形，因stretch拉伸破坏虚线节奏；需拆path为四段、留空四角，用border-image-slice:20fill并确保viewBox匹配border-width，禁用stroke-linecap:round，且border-radius≤border-width/2。
-
滚动文字逐字显现本质是字符级定时插入，需用JS将字符串转为Unicode安全数组并以requestAnimationFrame或带时间戳的setTimeout逐个写入DOM，避免split('')导致emoji等乱码。
-
ServiceWorker是运行在浏览器后台的事件驱动型脚本，支持离线缓存、网络请求拦截与推送通知。需HTTPS注册，生命周期为注册→安装→激活→等待→控制页面，无法访问DOM，依赖fetch/cacheAPI实现预缓存与运行时缓存策略。
-
opacity作用于整个元素及其内容，取值0到1；rgba或hsla可实现背景或边框透明而文字不透明；层叠时半透明元素会混合颜色；需整体透明用opacity，仅背景透明用rgba，结合使用可提升视觉层次。
-
浮动元素高度不一致导致父容器塌陷，因脱离文档流后父容器无法感知真实高度；可通过伪元素清除浮动配合padding-bottom与负margin实现视觉等高，或用Flexbox替代，必要时再用JS动态同步高度。
