-
transform-origin影响动画每一帧的变换基准点，只对应用了transform的元素生效，且必须直接设在该元素上；例如设为00可使旋转轴心精准落在元素自身borderbox左上角。
-
WebSocket在JavaScript中通过WebSocketAPI实现实时双向通信。1)创建连接：使用newWebSocket(url)创建连接。2)事件处理：通过onopen、onmessage、onclose、onerror事件处理连接生命周期。3)错误处理：实现重连机制确保稳定性。4)消息格式：选择合适格式如JSON提高数据处理效率。5)安全性：使用WSS协议确保数据传输安全。6)性能优化：数据压缩、心跳机制和批量发送可提升性能。
-
答案：通过@keyframes改变border-width可实现边框厚度动画。1.设置border-style后，用animation调整border-width数值可使边框由细变粗；2.可单独控制某一边（如下边框）的宽度变化；3.结合border-color、transform等属性可创建脉冲效果。需注意初始化border-style并推荐使用box-sizing:border-box以避免布局偏移。
-
使用Grid布局结合minmax()函数可有效解决CSS多列溢出问题，通过display:grid与grid-template-columns:repeat(auto-fit,minmax(200px,1fr))实现列宽自适应，避免内容溢出；配合gap设置间距，auto-fit确保空列自动收缩；同时需限制图片宽度为100%、启用overflow-wrap处理长单词断行，并避免子元素设固定宽；该方案天然响应式，随容器变化自动调整列数与宽度，无需媒体查询，适用于动态内容与模块化布局，比传统多列或flex更可靠
-
用position:absolute实现轮播图因能使多图叠于同位，配合relative父容器、统一宽高、z-index分层及opacity过渡可实现流畅淡入淡出，需注意overflow:hidden、will-change优化及移动端性能陷阱。
-
本文介绍如何仅用一个可复用的jQuery函数，配合语义化HTML结构，实现点击任意按钮即异步加载对应.txt文件、淡入淡出切换内容——无需重复定义300次函数或硬编码按钮，兼顾性能、可维护性与可扩展性。
-
正确答案是搭建本地开发环境。需安装XAMPP等集成工具，将.php文件放入htdocs目录，通过http://localhost访问，确保服务器解析PHP并返回HTML给浏览器显示。
-
JavaScript消息队列与事件循环管理异步执行顺序，事件溯源则通过记录不可变事件来追踪数据状态变化。前者基于调用栈、宏任务与微任务队列实现非阻塞运行，后者通过重放事件重建状态，支持完整历史追溯，两者可结合但机制独立。
-
JavaScript操作iframe需先获取DOM引用，同源时用contentWindow/contentDocument直接操作，跨域时必须用postMessage通信，并校验origin确保安全。
-
WebBluetoothAPI可实现网页与BLE设备通信，通过requestDevice选择设备并连接GATT服务器，读写特征值或监听数据变化，需在HTTPS环境下使用且仅支持Chromium浏览器。
-
PurgeCSS与PostCSS结合可有效减小CSS文件体积。通过配置postcss.config.js，在生产环境下启用PurgeCSS插件，扫描HTML和JS文件，删除未使用的工具类样式。支持safelist机制保留动态生成的类名，如正则匹配的颜色或动画类，避免误删。集成到构建流程后，显著压缩输出文件，提升页面加载性能，适用于Tailwind等实用类框架项目。
-
动态导入（import()）是运行时按需加载模块的机制，返回Promise，支持变量路径、async/await和.then()调用，适用于路由拆分、条件功能、大依赖隔离等场景，并可配合构建工具生成独立chunk。
-
宏任务执行完后立即清空所有微任务，再取下一个宏任务；script是初始宏任务，微任务不触发新循环，只在当前宏任务末尾执行；queueMicrotask比setTimeout(0)更精准可控，但需防微任务无限递归导致卡死。
-
答案：通过优化哈希算法、调整工作量证明难度、缓存哈希值、使用WebWorkers并行计算及高效数据结构可提升性能；实现交易需定义交易结构、维护账户余额与待处理队列；采用SHA-512或bcrypt加盐可增强安全性。
-
HTML5插入符号有五种方法：一、用&命名实体如©；二、用十进制♥或十六进制♥；三、直接输入UTF-8符号并声明编码；四、CSS伪元素content属性注入；五、JavaScript动态生成。
