-
三元运算符是JavaScript中用于简化条件判断的简洁语法，适用于二选一的情况。1.其基本语法为condition?expression_if_true:expression_if_false；2.可替代简单if...else语句使代码更紧凑，但过度使用或嵌套会降低可读性；3.在React中常用于条件渲染，提升JSX的简洁性；4.与短路运算符不同，三元运算符适合明确两种结果的情况，而短路运算符适合单边条件处理；5.性能上与if...else差异不大，应优先考虑代码可读性和维护性。
-
在JavaScript中发送AJAX请求可以使用XMLHttpRequest对象或fetchAPI。1)使用XMLHttpRequest发送GET请求：创建对象、设置请求方法和URL、处理响应。2)使用fetchAPI发送GET请求：简洁且支持Promise，处理响应和错误。注意跨域请求、错误处理、性能优化和安全性。
-
CSS呼吸灯性能优化策略包括：1.优先操作opacity和transform属性以减少重绘重排；2.简化动画复杂度，避免过多属性变化；3.使用will-change提前告知浏览器优化渲染。个性化调整可通过修改颜色、节奏和形状实现，如用CSS变量动态控制颜色，调整animation-duration改变速度，扩展关键帧定义更复杂的呼吸模式，或通过clip-path等属性变换形状。应用场景涵盖状态指示、用户引导、情感表达、加载提示及视觉装饰，例如智能家居App中用不同颜色的呼吸灯表示设备连接状态，提升界面交互
-
调整CSS行高通过line-height属性实现，影响文本垂直间距与可读性。设置方法包括像素值、倍数、百分比、em/rem单位及默认值normal；常见问题如样式覆盖、继承错误、元素类型限制可通过开发者工具检查解决；line-height还可用于单行文本垂直居中，将行高等于元素高度即可；合适的行高建议为字体大小的1.4到1.8倍，提升排版美观与阅读体验。
-
:active伪类主要用于元素被激活时的状态变化。1)它适用于任何可点击元素，如按钮和链接。2):active的优先级需在:hover和:focus之后定义。3)可与transform属性结合，增强交互效果。4)移动设备上需用JavaScript模拟:active状态。5)使用时应注意性能优化和样式一致性，以提升用户体验。
-
JavaScript中格式化日期的方法有三种：1.使用Date对象手动拼接日期字符串，简单但易出错；2.使用Intl.DateTimeFormat对象，灵活但旧浏览器可能不支持；3.使用Moment.js库，功能强大但增加依赖。
-
100vh在CSS中代表视口高度的100%，常用于创建全屏布局和确保元素高度与视口一致。100vh适应浏览器窗口大小变化，适用于响应式设计，但需注意移动设备上的视口计算问题。
-
CompositionAPI和OptionsAPI在Vue.js中的主要区别在于逻辑组织方式和复用性。CompositionAPI通过函数组织逻辑，适合复杂组件和逻辑复用；OptionsAPI通过选项对象组织逻辑，更直观，适合简单组件。
-
在CSS中设置圆角主要通过border-radius属性实现，1.使用一个值可统一设置四个角；2.使用两个值分别设置对角；3.单独设置每个角的属性；4.使用百分比或vw/vh单位实现响应式圆角；5.通过媒体查询调整不同屏幕下的圆角大小；6.对老旧浏览器采用优雅降级、CSS前缀或JavaScript库兼容；7.利用不同值组合可创建半圆、四分之一圆及不规则形状等复杂效果。
-
本文介绍了如何在JavaScript代码中，在发送邀请邮件成功后添加一个提示框，以增强用户体验。通过在fetch请求的then链中添加.finally()方法，无论请求成功或失败，都能确保提示信息显示给用户。
-
JavaScript操作剪贴板的核心是navigator.clipboardAPI，它提供异步读写能力，更安全强大。1.写入剪贴板使用navigator.clipboard.writeText()，需async/await处理异步操作；2.读取剪贴板使用navigator.clipboard.readText()，同样需要异步处理；3.兼容性方面应先检测特性支持，若不支持则考虑document.execCommand()，但需注意其安全与兼容问题；4.富文本复制可通过navigator.clipboard
-
JavaScript的Map数据结构比对象更灵活，支持任何类型作为键。1.Map允许使用任何数据类型作为键，包括对象；2.Map保留键的插入顺序；3.Map具有内置方法如size、forEach等，操作更方便；4.遍历Map可通过for...of、forEach、keys()、values()、entries()等方式实现；5.Map适用于非字符串键、需保持顺序、频繁增删键值对等场景；6.使用对象作为键时必须是同一引用才能获取值；7.size属性只读，不可修改。
-
margin是元素间距离，padding是内容与边框间距。1.margin控制元素周围空间，可为正、负或auto，影响布局位置；2.padding定义内容与边框间距离，只能非负，影响元素总尺寸；3.外边距合并可通过添加border、padding或创建BFC避免；4.开发者工具中可实时调试margin和padding值并观察布局变化；5.margin:auto用于块级元素水平居中，需设定宽度；6.负margin可用于元素重叠、布局微调，但应谨慎使用以防混乱。
-
JavaScript中实现异步迭代的核心在于利用forawait...of循环配合实现了Symbol.asyncIterator接口的对象，使得处理异步数据流如同同步遍历一样直观。1.异步迭代依赖于Symbol.asyncIterator协议，要求对象必须有一个以该符号为键的方法，返回一个异步迭代器；2.异步迭代器的next()方法必须返回Promise，并最终解析为包含value和done属性的对象；3.最便捷的实现方式是使用异步生成器函数（asyncfunction*），其自动实现协议并返回异步生成器
-
WeakSet存储对象的弱引用，不会阻止垃圾回收。1.与Set不同，WeakSet中对象可被回收，Set持有强引用阻止回收；2.WeakSet仅存对象，Set可存任意类型；3.WeakSet无size和forEach。应用场景包括跟踪DOM节点、存储私有数据、游戏引擎中的对象跟踪。使用方法包括add、delete、has，无法遍历。
