-
JavaScript剪贴板API需在HTTPS或localhost安全上下文中，由用户手势触发；writeText()和readText()均返回Promise，支持文本读写，Chrome115+实验性支持图片写入，Safari读取受限，建议检查权限并兼容降级。
-
拖拽跨浏览器可靠需三要素：dragstart中必须调用setData('text/plain','')初始化dataTransfer；dragover和drop事件均需preventDefault()允许放置；移动端须用touch事件模拟而非原生API。
-
Flex布局通过设置容器的display:flex，利用主轴与交叉轴控制子元素排列，使用justify-content、align-items等属性实现对齐，flex属性分配空间，轻松完成响应式布局。
-
使用transition属性设置按钮悬停动画，推荐指定具体属性如background-color和transform以优化性能；2.通过:hover伪类定义悬停样式，实现颜色变化和translateY上移效果；3.添加box-shadow过渡增强立体感，从默认浅阴影变为悬停时深阴影；4.避免在:hover中定义transition，优先使用transform和opacity减少重排，确保动画流畅并适配移动端交互。
-
flex-direction属性决定Flex布局主轴方向，可选值为row（默认，水平左到右）、row-reverse（水平右到左）、column（垂直上到下）、column-reverse（垂直下到上），通过display:flex设置容器后应用，常用于导航栏、侧边栏等布局场景。
-
正确设置transition属性并选择合适的缓动函数可使opacity动画平滑，基础写法为.fade-element{transition:opacity0.3s;}，结合:hover等状态触发，推荐使用ease缓出效果，并可通过will-change或visibility优化性能，避免突变与卡顿。
-
伪类顺序必须遵循LVHA规则（:link→:visited→:hover→:active），否则浏览器可能忽略样式；现代伪类如:focus-within、:has()不受此限，但需注意兼容性与优先级。
-
在JavaScript中，使用pop()方法可以从数组末尾移除元素并返回该元素。1.pop()会直接修改原始数组，移除最后一个元素并将其返回；2.若数组为空，pop()返回undefined且不改变数组；3.使用pop()后，原数组会被修改，所有引用该数组的变量都会反映这一变化；4.pop()是高效且语义清晰的方法，适用于频繁操作数组末尾的场景；5.相比之下，splice()可移除任意位置的元素但返回值为数组，而调整length属性可截断数组但不返回被移除元素。
-
JavaScript的debugger语句是一种内置调试工具，能在代码执行到该行时强制暂停并打开开发者工具以检查变量和流程。1.使用时只需在目标代码行插入debugger;，程序运行至此会暂停，便于查看变量值和执行上下文；2.除debugger外，常用技巧包括断点、有条件断点、日志点等，均无需修改代码即可灵活调试；3.实际项目中可结合异步调用栈、XHR/Fetch断点、黑盒脚本等功能高效排查复杂问题；4.调试常见坑包括缓存导致代码未更新、异步流程理解偏差、作用域和this指向混乱以及第三方库干扰，可通过禁
-
CSS自定义属性（如--color-primary）是现代浏览器支持的“CSS变量”，需定义在:root中以实现全局生效，使用var()函数调用，支持fallback；JS可动态修改其值实现主题切换，而Sass变量仅编译时替换、无法运行时更新。
-
@keyframes用于定义动画关键帧，animation属性引用其名称实现动画效果。1.定义@keyframes规则设置样式状态；2.在元素中通过animation调用名称、设置时长和缓动函数；3.可定义多阶段动画如淡入淡出循环；4.注意@keyframes全局有效、不可嵌套、名称需拼写一致，支持多个动画逗号分隔。先定义后引用是核心逻辑。
-
函数沙箱是一种隔离代码执行的技术，通过限制代码对全局环境的访问来防止污染和安全风险。它利用newFunction创建独立作用域，并可结合Proxy控制属性访问权限，适用于在线编辑器、插件系统等场景。尽管存在原型链逃逸、异步攻击等局限性，仍需配合CSP、AST分析等手段增强安全，但其为动态代码提供了必要的缓冲层，在灵活性与安全性间取得平衡。
-
EventLoop是运行时自动调度异步任务的底层机制，同步代码优先执行，微任务（如Promise.then）在同步后立即清空，宏任务（如setTimeout）每轮仅取一个且排在微任务之后。
-
无需购买服务器即可将ASP源码转为HTML5页面，但需明确“生成”指静态导出、本地预览或上线访问；ASP本身依赖服务端解析，其输出默认即HTML5，静态化可用IISExpress+浏览器另存为实现。
-
JavaScript正则关键在匹配逻辑贴合真实字符串结构：字面量预编译适合静态模式，RegExp构造函数运行时编译适合动态拼接但需双写反斜杠；^、$在m标志下匹配每行起止，\b是单词边界非空格边界；贪婪匹配吞最多，惰性匹配取最少，嵌套结构慎用正则。
