-
display:flex生成块级容器独占一行，display:inline-flex生成行内容器可并排显示；前者撑满父宽，后者宽由内容决定；IE10–11对后者支持差；justify-content按主轴方向对齐，主轴由flex-direction决定。
-
高阶数据结构是融合函数式编程理念、内含行为逻辑的数据容器，如列表的map/filter操作或行为树节点；高阶函数则通过接收或返回函数提升代码灵活性，典型应用包括map、filter、reduce及闭包、柯里化和装饰器；它们解决了重复循环、低复用性等问题，支持不可变性与声明式编程，广泛用于响应式编程、不可变状态管理及DSL构建；实际使用中应从基础操作入手，结合纯函数与合理抽象，避免过度复杂化、性能损耗与调试困难。
-
CSS中无法直接旋转背景图，需用伪元素::before承载并旋转，配合absolute定位、z-index分层及宽高扩展防裁剪；或用repeating-linear-gradient模拟斜纹。
-
PostCSSPresetEnv是一个支持现代CSS语法自动转换的PostCSS插件，它依据目标浏览器环境将新特性（如嵌套规则、自定义媒体查询、新颜色语法等）转译为兼容的旧语法。其功能类似于Babel的preset-env，通过配置stage（推荐3）控制语法草案的稳定性级别，并结合.browserslistrc精确指定兼容范围。安装后在postcss.config.js中引入插件并集成到Webpack、Vite等构建工具中，即可在开发中使用最新CSS功能而不牺牲兼容性。定期更新版本和合理配置stage是
-
答案是：选择浏览器存储技术需根据数据的生命周期、大小、安全性及用途来决定。localStorage适用于长期存储非敏感用户偏好数据，因其持久化且容量较大（5-10MB），但需注意其同步操作可能阻塞主线程且不适用于敏感信息；sessionStorage适合临时会话数据，页面关闭后自动清除，使用方式与localStorage相同；Cookies虽容量小（约4KB）且每次请求自动携带，但可通过设置HttpOnly、Secure和SameSite属性增强安全性，常用于存储需随请求发送的认证token或会话ID；对
-
float会导致父容器高度塌陷和图片错行，因元素脱离文档流；需设明确宽度、避免干扰属性并清除浮动；现代项目应优先使用flex或grid布局。
-
使用CSS的:active伪类可设置按钮按下时的颜色和样式。通过为按钮添加:active状态，自定义背景色、文字颜色及位移效果，如.btn:active{background-color:#0056b3;transform:translateY(1px);}，实现点击反馈。该方法适用于button、a标签等元素，需注意移动端Safari可能需添加onclick=""以激活:active状态。配合transition可使颜色变化更平滑，避免改变宽高以防页面抖动，提升交互体验。
-
监听JavaScript对象属性变化的核心方法是Proxy和Object.defineProperty；2.Proxy是现代首选方案，能拦截属性的读取、设置、删除及数组方法等几乎所有操作；3.Object.defineProperty仅能监听已存在的属性，无法监听新增属性或数组变异方法，适用于属性固定的简单场景；4.Proxy通过get和set拦截实现深度监听时需递归代理嵌套对象，但存在性能开销、循环引用、对象身份变化、序列化等问题；5.数组监听在Proxy中天然支持push、pop等方法，因其内部操作会
-
答案：通过RTCPeerConnectionAPI实现浏览器点对点通信，需创建连接实例、配置STUN服务器、交换SDP和ICE候选信息。发起方创建offer，接收方回应answer，双方通过信令通道传输连接数据，建立P2P连接后可传输音视频或文本。需在HTTPS或localhost环境下运行，结合WebSocket等实现信令交互。
-
本文介绍一种简洁可靠的jQuery方案：通过分离显示内容与编辑表单的DOM结构，配合显隐切换控制事件响应时机，确保双击仅在原始文本可见时生效，避免表单内误触导致的重复渲染。
-
答案是实现数据可移植性的核心在于后端处理机制，前端HTML表单仅负责数据收集；后端需将数据结构化存储于数据库，并支持按需导出为CSV、JSON等通用格式；CSV适合简单表格数据，JSON更适合复杂嵌套结构；安全性方面需强化身份验证、权限控制、数据最小化、传输加密及操作日志；大规模导出应采用异步任务、消息队列、流式生成与分批处理，避免服务器阻塞，同时可结合缓存或专用导出服务提升性能。
-
大屏内容拥挤需四维响应式留白：设容器max-width（1200px～1440px）并margin:0auto居中；大屏用@media精准增padding；Grid布局优先用gap而非margin；字体、行高、段距均用clamp()流体调节。
-
必须用position:fixed。抽屉需脱离文档流、锚定视口边缘，absolute受父级transform/overflow/scroll影响易错位或裁切；fixed以视口为基准，不受祖先影响，但需注意iOS键盘适配和body最小高度设置。
-
用border实现扁三角形的原理是利用相邻边交界处的斜切效果，三边透明、一边实色，配合width:0;height:0;形成三角；关键在于控制border-width比例（如2:1）和transform微调形状。
-
ES6用let/const替代var实现块级作用域，解决变量提升等问题；箭头函数无this绑定；解构赋值支持默认值与嵌套；Map/Set提供任意键类型与高效去重。
