-
解构赋值[a,b]=[b,a]是最安全、可读且符合现代JS语义的变量交换写法，其右侧先计算并缓存当前值，左侧按序赋值，不依赖中间变量；但要求a、b已声明且右侧非null/undefined。
-
本文介绍如何在HTML结构不可修改的前提下，仅通过CSS实现左侧固定宽度单列（内容纵向占满）、右侧多行自适应等宽列的网格布局——推荐使用CSSGrid而非Flexbox，因其原生支持二维布局控制。
-
JavaScript操作浏览器全屏需调用元素的requestFullscreen()和document的exitFullscreen()方法，1.必须由用户手势触发；2.需处理浏览器兼容性前缀；3.通过fullscreenchange事件监听状态变化；4.可封装工具函数统一管理；5.注意UI适配、样式调整及性能优化，确保良好用户体验。
-
闭包是JavaScript中函数与其词法作用域的组合，内部函数能持续访问外部函数变量，因作用域链在创建时固化且变量不被回收。
-
视频加载失败时可通过onerror事件捕获并处理，如显示备用封面、提示信息或切换备用源，结合多格式支持与路径检查可有效提升兼容性与用户体验。
-
Jest需配置Babel支持才能解析ES6/JSX，测试文件须命名规范（.test.js或__tests__目录），mock必须在import前调用，且需用jest.resetModules()和jest.clearAllMocks()清理状态。
-
通过预加载关键CSS、内联首屏动画和控制触发时机来优化页面动画表现。首先使用<linkrel="preload">提前加载核心动画文件，并通过onload转为样式表；对首屏必需动画（如按钮悬停）将CSS内联至<head>中，确保渲染前就绪；再通过JavaScript在DOM加载完成后添加动画类，避免突兀播放；最后用prefetch预取后续页面动画资源。关键是提前加载+控制触发+内联核心。
-
Grid布局通过定义网格容器和自动填充行实现列对齐，Flexbox结合多列可模拟瀑布流；关键在于使用gap、grid-auto-rows与break-inside:avoid确保视觉整齐。
-
HTMLselect不支持readonly，需用disabled加隐藏域或pointer-events:none；title仅纯文本提示且移动端无效，推荐disabled+spantitle或div模拟下拉实现只读与提示。
-
答案：大文件分片上传通过FileAPI将文件切块上传，提升稳定性和效率。前端使用slice方法分割文件，每片独立上传，后端接收存储并按序合并，最终完成完整文件传输。
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
-
最直接的响应式flex布局控制点是flex-direction：默认column（小屏竖排），在min-width断点下覆盖为row（大屏横排）；需协同调整flex-wrap、flex-grow/shrink、justify-content和align-items，避免孤立修改导致布局垮塌。
-
:required仅匹配required属性且不自动添加星号或提示，需手动用::after或HTML实现；优先级低易被覆盖，IE10+支持但IE不支持input上::after；动态添加属性即时生效，但不可替代服务端校验。
-
内联style和style标签适合极小项目或临时调试，常规开发强烈推荐link外链CSS文件；核心区别在于是否合适项目规模、可维护性、性能及协作需求。
-
JavaScript的class是原型机制的语法糖，本质仍基于prototype；它不可提升、方法不可枚举，继承需super()初始化this并确保__proto__链正确，new操作符遵循四步流程，误用会破坏原型链。
