-
用JavaScript创建浏览器扩展的关键是理解其结构和权限机制：需正确编写manifest.json（ManifestV3标准），配合内容脚本、后台serviceworker、弹出页等协同工作，并通过chrome.runtimeAPI通信，调试时依赖chrome://extensions和DevTools。
-
TensorFlow.js是Google推出的JavaScript库，可在浏览器中运行机器学习模型。通过加载预训练模型如MobileNet，对图像进行预处理并预测，实现前端图像识别。示例代码展示从引入库到输出前5个识别类别的完整流程。需注意模型选择、图像预处理一致性、首次加载性能优化及跨域图片问题。使用TensorFlow.js可让Web应用具备本地化、高隐私、低延迟的AI识别能力。
-
根本原因是box-sizing:content-box导致padding和border额外增加宽度；应全局设box-sizing:border-box，图片加max-width:100%;height:auto;，断点依内容临界点选em单位，字体用clamp()动态缩放。
-
优先用function声明需提前调用的函数，用函数表达式处理回调、导出等场景；JS按共享传递，原始类型传值、对象传地址副本；箭头函数无this且不可构造。
-
纯CSS无法精确实现抛物线动画，因其@keyframes仅支持线性、缓动或分段关键帧，无法描述二次函数轨迹；推荐JS计算坐标+CSS硬件加速方案，或用两段cubic-bezier近似模拟。
-
用hover配合transform:scale()实现放大效果时，需设transform-origin:center并避免width/height过渡，以防止错位抖动；对行内元素应统一vertical-align或转为block，确保缩放稳定。
-
manifest文件必须以严格大小写的“CACHEMANIFEST”开头，末尾无空格或BOM；路径相对manifest位置解析，推荐用绝对路径；仅NETWORK和FALLBACK支持前缀通配；更新需字节级变更；现代浏览器已废弃，应迁移到ServiceWorker。
-
position取值决定层叠行为：static无视z-index；relative/absolute/fixed/sticky需配z-index才生效；fixed相对视口，absolute相对最近已定位祖先；z-index仅在同层叠上下文中有效，opacity<1等属性会意外创建新上下文。
-
readonly属性使表单字段只读但可提交，常用于保护数据；与disabled不同，其值可随表单提交且仍可聚焦，适用于input和textarea，可通过JavaScript动态控制。
-
使用CSSFlexbox实现响应式卡片列表，需设置容器display:flex、flex-wrap:wrap和gap，卡片使用flex:11200px自适应宽度，窄屏通过媒体查询调整为100%并优化间距，实现流畅布局。
-
百分比宽度以包含块宽度为基准，padding/margin百分比也按父宽计算以防循环，height百分比需包含块高度确定，box-sizing影响实际占位。
-
HTML中设置关键词和描述主要通过meta标签实现，其中description标签直接影响搜索结果点击率，而keywords标签在主流搜索引擎中已基本无效。1.metaname="description"应写成吸引用户的微型广告，包含核心关键词、传达价值主张并鼓励点击，长度控制在150-160字符内，且每页唯一；2.metaname="keywords"对现代SEO几乎无影响，Google已明确不将其作为排名因素，因其易被滥用导致关键词堆砌，现多为历史遗留或用于特定内部系统；3.真正影响SEO的核心因素包
-
content-box下width仅含内容区，border-box下width包含内容、内边距和边框；默认content-box因W3C标准而设，但border-box更利于布局可控，推荐全局重置为border-box，margin始终不参与计算。
-
CSS中无法直接旋转背景图，需用伪元素::before承载并旋转，配合absolute定位、z-index分层及宽高扩展防裁剪；或用repeating-linear-gradient模拟斜纹。
-
Navigator.share在移动设备上的主要限制包括：必须在HTTPS安全上下文中运行，需由用户手势触发，浏览器兼容性差异（如iOSSafari对文件分享支持较弱），无法自定义原生分享面板样式，且功能受限于操作系统和接收应用的支持程度。
