-
fit-content表现因浏览器而异：Chrome/Firefox支持，Safari旧版忽略；等价于min(max-content,max(min-content,available-width))，非单纯“文字多宽就多宽”；兼容方案优先用-webkit-fit-content或inline-block；注意盒模型、父容器约束及flex子项默认min-width影响。
-
Chart.js柱状图显示为空白，通常是因为缺失必需的labels数组（长度需与data严格一致），而非数据量小导致；本文详解根本原因、修复方法、配置优化及常见陷阱。
-
使用position:fixed可创建固定头部和侧边栏，提升导航便捷性。1.头部设top:0、width:100%并用margin-top避免内容遮挡；2.侧边栏设left:0、height:100vh，主内容通过margin-left腾出空间；3.同时固定两者时，侧边栏top等于头部高度，height用calc(100vh-60px)扣除头部占用区域；4.注意z-index层级管理及移动端兼容性问题。
-
setup抽离业务逻辑的核心是将重复、可复用、与UI解耦的部分封装为组合式函数（Composable），如分页、表单校验等，使setup仅剩“连接”和“声明”，降低维护成本；按业务域组织函数（如useOrderList.js），避免技术类型泛化；通过provide/inject跨层级共享状态，setup内只保留胶水代码，不进行二次加工。
-
HTML5的<video>标签支持五种嵌入方式：一、用相对/绝对路径引用本地视频；二、用HTTP/HTTPSURL引用网络视频，需注意跨域与preload；三、用多个<source>适配不同编码格式；四、用autoplay+muted实现静音自动播放；五、添加备用文本或图片及error事件处理加载失败。
-
可通过操作DOM元素的style属性动态修改文本或背景颜色，方法包括：一、直接修改内联样式；二、切换预定义CSS类；三、修改CSS自定义属性；四、用getComputedStyle读取并智能计算新颜色；五、通过setAttribute设置style字符串。
-
Vue事件绑定传参需据参数固定性、是否需原生event及修饰符控制来选择：模板直传适用于固定值；需event时须显式写$event；.stop用于阻止冒泡；.self实现仅自身触发；.capture.stop用于捕获阶段拦截。
-
JavaScript可直接在浏览器控制台运行，无需安装环境；写HTML文件嵌入script标签即可执行，但需注意DOM加载时机；仅当使用Node.js特有功能时才需安装Node.js；VSCode开箱即用，插件非必需。
-
WebWorker是HTML5提供的一种让JavaScript在后台线程中运行的机制，避免耗时操作阻塞页面渲染。通过WebWorker，可以实现多线程编程，提升网页性能。创建WebWorker的基本步骤要使用WebWorker，需将需要在后台执行的代码放入一个独立的JavaScript文件中，并在主脚本中创建Worker实例。新建一个JS文件（如worker.js），编写要在后台运行的逻辑在主页面中使用newWorker('worker.js')创建Work
-
JavaScript的国际化通过Intl对象实现，结合外部语言资源动态切换界面语言。首先使用Intl.DateTimeFormat、Intl.NumberFormat等格式化日期、数字等内容，再配合JSON语言包管理翻译文本，利用t(key)函数根据当前语言返回对应文案。通过setLanguage(lang)更新currentLang并重新渲染UI，同时应用Intl格式化器适配地区习惯。初始化时可读取navigator.language判断用户首选语言，自动设置为中文或英文，提升首屏体验。整个方案需自行组
-
前端无法100%可靠捕获浏览器标签关闭事件，因此应采用“心跳+超时”的服务端状态管理策略：记录用户最后活跃时间，定期检查是否超时，以此判定离线状态。
-
clear:both并不恢复文档流，只是强制元素下移避开浮动区域；浮动元素仍脱离文档流，父容器继续塌陷。
-
display:inline-flex使容器为行内级元素且子项按Flex布局排列；它不因HTML空白产生间隙，支持justify-content/align-items精确控制，而inline-block会受空白节点影响且仅能靠text-align或margin模拟对齐。
-
该用transition而非@keyframes动画时：只需“有来有回”的状态切换，如hover变色、class切换展开菜单；它依赖触发条件，仅定义起止态，自动反向过渡且性能更优。
-
最靠谱方案是使用成熟JS库而非手写HTML+CSS，因纯HTML无法实现动态交互；推荐markmap（Markdown自动生成）和jsMind（JSON驱动、轻量无依赖），二者均支持CSS定制且避免手动布局。
