-
答案：在浏览器中运行AI模型需将模型转为TensorFlow.js格式，通过异步加载、输入预处理和predict推理实现，结合WebGL加速与内存优化提升性能。
-
CSS颜色表示法包括关键字、十六进制、RGB/RGBA、HSL/HSLA及现代hwb()、lab()等；推荐优先使用十六进制或HSL，透明效果用RGBA或HSLA，语义化场景用关键字，高级格式需考虑兼容性。
-
项目中必须用<link>引入CSS，因其支持并行加载、preload、media条件及HTTP/2多路复用；@import导致串行加载与FOUC，仅限调试临时使用；内联style属性仅适用于单次动态场景。
-
requestAnimationFrame更适合JavaScript动画，因其对齐屏幕刷新节奏、自动适配设备刷新率、后台暂停节能，且动画更顺滑精准；而setTimeout仅尽力执行，易受线程阻塞影响，导致帧率不稳。
-
判断CSS属性值是否有效需分场景：CSS.supports()仅验证规范支持性，getComputedStyle()比对计算值可确认实际生效；自定义属性有效性取决于使用处（如var()）是否触发回退；属性名错误会抛SyntaxError，须严格匹配标准名。
-
伪元素插入Iconfont不显示的主因是未显式设置font-family和font-display，且content需用Unicode格式如"\e601"；须确保字体加载完成、src路径正确、font-family唯一，并适配Safari渲染问题。
-
答案：将Node.js应用容器化需准备代码、编写Dockerfile、构建镜像、运行容器。首先确保项目含package.json和入口文件，定义启动脚本；接着创建Dockerfile，基于node:18-alpine镜像，设置工作目录，分步拷贝依赖并安装，暴露端口并设定启动命令；通过dockerbuild构建镜像，dockerrun运行容器并映射端口；建议添加.dockerignore、使用非root用户、结合docker-compose管理多服务，生产环境可优化为多阶段构建。
-
Chrome中WebWorker卡顿的典型表现是CPU飙升、任务延迟加剧及Worker被终止，主因是调度限制、内存约束与通信开销；应复用Worker、使用transferable、避免console.log、控制并发数并验证真实并行。
-
使用iframe嵌入PDF是网页预览的常用方法，兼容性好且支持多数现代浏览器；通过src属性指定PDF路径，设置宽高并添加fallback提示；也可用超链接在新标签页打开PDF，适合轻量场景；结合URL参数可控制工具栏、页面跳转和缩放；需确保服务器配置正确MIME类型，兼顾移动端与旧浏览器兼容性。
-
transform-origin的默认值是50%50%，即元素盒模型的几何中心；若元素存在padding、border、裁剪或定位偏移，视觉中心与几何中心不一致，会导致旋转“歪了”。
-
margin四边顺序为上右下左（顺时针），缩写支持1~4值：1值全同，2值为上下/左右，3值为上/左右/下，4值即顺时针；负值可行但易致重叠或裁剪；垂直外边距会合并；行内元素不响应上下margin；margin:auto居中需块级+定宽；box-sizing:border-box使width包含padding和border，margin始终在外。
-
JavaScript是通用编程语言，支持异步并发（事件循环）、块级作用域（let/const）、原型链继承、严格相等（===）等核心机制。
-
创建元素节点必须用document.createElement()而非innerHTML，避免清空子节点、重排和丢失事件；textContent用于纯文本防XSS，innerHTML会解析HTML；插入用append/prepend/before/after，删除前须检查parentNode，替换用replaceWith更灵活。
-
a:visited伪类用于设置已访问链接的样式，主要可修改颜色相关属性以保护用户隐私，防止历史嗅探攻击，常与a:link、a:hover、a:active配合使用，按L-V-H-A顺序确保样式正确生效，通过细微颜色变化提升用户体验。
-
HTML5Canvas本身不提供边缘检测API，需用JavaScript手动实现图像卷积（如Sobel算子），通过getImageData读像素、卷积计算梯度、归一化后putImageData写回，注意CORS、越界和性能优化。
