-
要让CSSloading动画无限循环，需在animation属性中同时使用linear和infinite关键字，如animation:spin1slinearinfinite；其中linear确保匀速，infinite实现永不停止的循环播放。
-
通过CSSAnimation结合@keyframes和:hover实现图标悬停时的放大与弹跳效果，提升交互视觉表现。
-
Treeshaking是打包工具在构建时移除未使用ES模块代码的优化机制，依赖静态import/export分析，需具名导出、禁用Babel转译、声明无副作用等条件才能生效。
-
使用display:flex、align-items:center和justify-content:center可高效实现元素水平垂直居中，需确保父容器有明确高度，适用于响应式布局且兼容性良好。
-
答案：提升移动端JavaScript流畅性需减少主线程负担、避免强制同步布局、优化事件处理与内存管理，并利用WebWorkers。具体包括使用requestIdleCallback分片任务，批量读写DOM，采用CSS动画，合理委托事件并及时解绑，将密集计算移至Worker，从而降低阻塞与重排，提升渲染效率和用户体验。
-
Proxy是拦截并自定义对象基本操作的包装器，Reflect提供与之对应的标准化操作接口；二者配合可实现日志、校验、响应式等元编程功能。
-
应使用JSON字符串化后传入data属性：在HTML中用单引号包裹data-attr='{}'，JavaScript中通过dataset获取并JSON.parse()解析为空对象。
-
用position:fixed可解决弹出框随滚动偏移问题，因其相对于视口定位、不随滚动移动；而absolute相对于最近已定位祖先，易受父容器滚动影响。
-
Autoprefixer可自动为CSS添加浏览器前缀，避免手动出错；需配合构建工具使用，依赖browserslist配置目标环境，并需真机验证效果。
-
柯里化是将多参数函数转换为一系列单参数函数的过程，核心是参数分步传递和闭包记忆已传参数，支持部分应用、复用及函数组合，适用于配置预设、事件处理等场景。
-
答案是利用CSS的width属性和@keyframes动画制作水平进度条。首先通过HTML构建外层容器和内层进度元素，外层设置固定宽高、圆角和背景色，内层初始宽度为0；然后使用@keyframes定义从0%到100%的宽度变化动画，并应用ease-in-out缓动效果和forwards保持最终状态；最后可选添加伪元素显示静态百分比文字。整个过程无需JavaScript，适合初学者掌握CSS基础属性与动画原理。
-
用setCustomValidity()可覆盖浏览器默认验证提示：传非空字符串触发自定义错误，传空字符串''表示有效；需配合checkValidity()或reportValidity()重新校验，并监听invalid事件preventDefault()阻止原生提示，再写入自定义文案。
-
答案是结合CSS的transform、perspective和Grid布局实现卡片翻转。首先用display:grid创建三列网格，设置gap和padding；每个.card启用transform-style:preserve-3d并添加过渡动画；通过.card-front和.card-back定义正反面，利用backface-visibility:hidden隐藏背面，初始使.card-back旋转180度；可通过:hover触发transform:rotateY(180deg)实现悬停翻转，或用Jav
-
树摇通过静态分析ES6模块移除未引用的导出，如未使用的subtract函数；死代码消除则由压缩工具清除不可达代码，如if(false)块；两者结合可显著减小打包体积。
-
JavaScript是网页的执行引擎，通过事件监听实现用户交互即时响应；需避免执行时机错误和主线程阻塞，合理使用defer、节流、WebWorker等优化手段。
