-
fr是剩余可用空间的等分份额，先扣除固定尺寸再按比例分配；常见问题源于内容撑开、未设minmax()或min-width:0；响应式推荐auto-fit+minmax()；IE11不支持fr需降级处理。
-
解构赋值可从数组或对象中简洁提取数据，支持默认值、嵌套解构、别名及函数参数应用，提升代码清晰度与开发效率，尤其适用于处理复杂数据结构和配置项。
-
PHP中需用$row['field']取值而非echo$row；Node.js模板传参要解构清晰；fetch需设Content-Type和CORS头；SQL注入与XSS须从首行代码防范。
-
使用Foundation框架构建页脚需依托其Grid系统，通过grid-container、grid-x和cell类实现响应式布局，结合align-center-middle、text-center等工具类优化对齐与视觉协调，并利用Sass变量或特异性选择器解决样式冲突，同时在多语言或动态场景下采用服务端渲染、懒加载、缓存及异步数据加载策略，确保性能与可访问性，最终构建结构清晰、跨设备适配且高效稳定的页脚组件。
-
监听form的submit事件并调用preventDefault()可阻止刷新、保留fetch响应；FormData自动收集字段（含文件），JSON提交需Object.fromEntries转换；select清空需空option且用value赋值；number输入需手动过滤非法字符；disabled字段不提交，readonly会提交。
-
Axure导出的HTML不是真正可部署的网页，它依赖本地运行环境和Axure自带的JS库，不能直接扔到服务器上当网站用。导出时选错发布类型：误用“生成器”而非“HTML文件”Axure的导出菜单里有两个名字接近的选项：GenerateHTMLFiles和PreviewinBrowser（或某些版本叫GeneratePrototype）。前者才是生成静态HTML文件的正确路径；后者只是本地临时预览，生成的文件夹结构不完整、缺少data.js和axurerp.
-
不支持@keyframes的浏览器会完全忽略动画，无降级、无报错、无fallback；可靠检测需用临时元素+computed样式；transition仅适用于两态切换，JS降级用于复杂动画，推荐@supports分层控制。
-
HTML5的viewportmeta标签必须手动写且置于head内、不可重复、需查渲染后源码；SEO的description和keywords对排名几乎无影响，真正关键的是title和语义化标签。
-
主流JavaScript包管理器为npm、Yarn和pnpm：npm开箱即用兼容性强；Yarnv1强调速度与确定性，v2+采用PnP模式适配成本高；pnpm以硬链接节省空间、安装更快，monorepo场景最优。
-
TV浏览器禁用:hover，需用:focus-visible模拟焦点；单位优先vh/vw；scroll-snap需配合smooth；高分屏用box-shadow+scale替代1px边框。
-
window对象是BOM的核心，作为JavaScript与浏览器交互的入口，它代表浏览器窗口并承载所有全局变量及BOM其他对象。1.它提供了访问浏览器功能的接口，如获取视口尺寸（innerWidth/innerHeight）、控制滚动（scrollTo/scrollBy）、管理定时器（setTimeout/setInterval）、弹出对话框（alert/confirm/prompt）、操作窗口（open/close）、访问其他BOM对象（document、location、navigator等）以及本地
-
HTML5计时器有三种实现方式：一、基础setInterval毫秒累加法，通过时间戳差值计算并格式化时分秒；二、整秒递增法，每秒自增计数器并格式化显示；三、可启停控制法，增加开始、暂停、重置按钮及状态管理逻辑。
-
padding默认会让元素变大，因content-box模型下width/height仅指内容区，padding和border额外增加；改用box-sizing:border-box可使宽高包含padding和border，推荐全局设置*{box-sizing:border-box}。
-
JavaScript实现全屏功能的核心是调用DOM元素的requestFullscreen()方法并配合document.exitFullscreen()退出全屏，1.首先通过用户手势触发全屏操作，调用目标元素的requestFullscreen()方法，并兼容不同浏览器前缀如webkitRequestFullscreen、mozRequestFullScreen、msRequestFullscreen；2.退出全屏时调用document.exitFullscreen()及其对应前缀方法；3.监听full
-
@media(prefers-color-scheme)可原生响应系统深色/浅色偏好，仅需在CSS中声明:root默认值与dark媒体查询覆盖，避免重复定义、硬编码颜色及JS混用，确保SSR无闪屏且兼容主流现代浏览器。
