-
JavaScript手势识别通过监听触摸事件实现滑动、长按、双击等交互，常用原生事件或Hammer.js等库处理，需注意阈值设置、事件销毁与preventDefault的合理使用，以提升移动端用户体验。
-
JavaScript组合组件核心是解耦复用，主流模式包括：1.容器/展示分离逻辑与UI；2.渲染属性模式通过函数prop提升灵活性；3.复合组件共享上下文实现隐式协作；4.自定义Hook封装可组合逻辑。
-
优化浏览器中JavaScript性能需从多维度入手，核心是减少计算与DOM操作、合理管理内存及优化资源加载。首先，应批量处理DOM操作，利用DocumentFragment或虚拟DOM降低重排重绘开销；其次，通过防抖（debounce）和节流（throttle）控制事件触发频率，避免主线程阻塞；最后，善用异步编程（如async/await、Promise）将耗时任务移出主线程，防止UI卡顿，提升整体流畅度与用户体验。
-
迭代器是实现next()方法并返回{value,done}对象的统一遍历接口，生成器是通过function*定义、用yield暂停恢复的语法糖；二者均支持for...of等消费方式。
-
JavaScript正则表达式是用于匹配、查找、提取或替换字符串模式的工具，支持字面量（如/abc/）和RegExp构造函数创建，配合test()、match()、replace()等方法使用。
-
跨域问题本质是浏览器同源策略限制，防止恶意网站窃取用户数据；JSONP利用script标签绕过但仅支持GET且存XSS风险；CORS通过服务端响应头正向解决，需配置Access-Control-Allow-Origin等字段。
-
应使用metaname="description"标签在head中设置不超过160字符的简洁摘要，同时可辅以OpenGraph、JSON-LD及语义化article结构提升SEO与社交分享效果。
-
JavaScript拖放功能需设置draggable="true"，捕获dragstart、dragover（须preventDefault）、drop事件链，配合视觉反馈与数据类型校验实现排序、跨容器等进阶交互。
-
使用box-sizing:border-box可精确控制尺寸，width和height包含content、padding和border，避免因标准盒模型中padding和border额外增加导致溢出，结合max-width、min-height等实现响应式布局。
-
JavaScript拖放需三步基础设置：设draggable="true"、dragstart中setData()、dragover中preventDefault()；须处理边界情况、移动端降级、数据类型安全及视觉反馈。
-
通过合理设置缓存策略与版本控制，可兼顾性能与样式更新：首先配置HTTP缓存头，对静态CSS启用强缓存（如Cache-Control:max-age=31536000），结合ETag实现协商缓存；其次采用文件名版本管理，推荐使用内容哈希命名（如style.a1b2c3d.css）或构建工具自动生成带哈希文件，确保更新后URL变化；避免依赖查询参数（如?v=1.2.3）以防代理缓存失效；最后在HTML中通过服务端渲染或manifest.json动态引入最新CSS路径，由发布流程统一管理文件名变更，保障用户获取
-
使用内联SVG作为background-image时，若SVG自身已定义rx/ry圆角但渲染后边缘仍被硬裁切，根本原因在于元素的容器边界未同步圆角；仅靠SVG内部圆角无法规避CSS盒模型的裁剪行为，必须配合border-radius显式声明。
-
JavaScript拖放功能核心是HTML5拖放API，需绑定dragstart、dragover（必须preventDefault）、dragenter、drop四个事件，分别处理数据设置、允许放置、视觉反馈和实际操作。
-
Object.is与===的核心区别在于NaN和±0的处理：Object.is认为NaN等于NaN、+0不等于-0，而===均相反；其余所有值的比较结果完全一致。
-
全栈JavaScript应用容器化需合理设计项目结构，编写前后端Dockerfile并用docker-compose统一管理服务。1.项目分为/client、/server和数据库服务；2.前后端分别基于node:18-alpine构建镜像，优化依赖与启动命令；3.docker-compose.yml定义三者服务联动，配置端口映射、依赖关系与环境变量；4.数据库使用PostgreSQL镜像并持久化数据；5.通过CORS或Nginx反向代理解决跨域，敏感信息由环境变量注入。最终实现环境一致、可移植的部署流程
