-
使用transform:scale()配合transition可实现高性能的元素缩放动画，如.box:hover{transform:scale(1.2);}实现悬停放大，transition控制动画时长与缓动，transform-origin调整缩放基点避免位移，结合:active或JS类控制可扩展交互，确保动画流畅无布局抖动。
-
合理使用HTML5输入类型可提升移动端表单体验，如type="tel"调出数字键盘，type="email"显示@符号，结合单列布局、标签置顶、增大点击区域、启用自动填充与实时校验，能有效减少输入错误、提高操作效率。
-
过渡卡顿主因是duration超200ms导致反馈延迟，移动端尤甚；推荐100–150ms配合cubic-bezier快启缓收，禁用all过渡，须适配prefers-reduced-motion。
-
Object.freeze()仅浅冻结对象，嵌套对象仍可修改；深冻结需手动递归实现，注意跳过null、原始值、函数并用WeakMap防循环引用；preventExtensions、seal、freeze防篡改强度逐级增强但均不递归；生产中应慎用freeze，仅适用于配置常量等极少数场景。
-
Sass嵌套能提升CSS可读性和维护性，通过反映HTML结构、使用&引用父选择器、避免过度嵌套（建议不超过3-4层），并结合模块化组织（如_components.scss）实现组件化管理，使代码更清晰易维护。
-
JavaScript中有7个会改变原数组的方法：push()、pop()、shift()、unshift()、splice()、reverse()、sort()；其余如map()、filter()、slice()等均不改变原数组。
-
HTML转PDF不支持原生加密，需在生成时由工具如wkhtmltopdf、pdfkit或weasyprint通过参数添加AES-128加密，或用qpdf事后处理；仅防直接打开，不防截图、OCR等。
-
使用Flexbox可高效实现弹性按钮布局。通过设置容器display:flex，结合gap控制间距，可实现按钮水平或垂直排列；利用flex:1使按钮等宽填满容器；添加flex-wrap:wrap支持响应式换行，适应不同屏幕尺寸，布局灵活且兼容性好。
-
移动端CSS盒模型默认是content-box；iOSSafari和AndroidChrome均与桌面端一致，width仅含内容区，不包括padding和border，易致布局溢出，故推荐全局设为border-box。
-
答案：HTML5页面可通过第三方SDK或自定义URL集成社交分享功能。使用微信JSSDK需配置权限并注册分享接口，微博可调用JSSDK或跳转分享链接，QQ系通过connect.qq.com实现；也可构造通用分享链接适配各平台，兼容性好但功能受限。配合OpenGraph标签优化分享卡片显示，添加浮动按钮、预加载图标、按UA推荐平台可提升体验。中小项目建议通用链接+meta优化，强交互场景接入官方SDK，并测试多设备兼容性。
-
旧电脑能否运行HTML5取决于浏览器版本、系统支持及功能启用状态；应优先选用系统最后支持的稳定浏览器（如Win7用FirefoxESR115），手动启用media.mediasource.enabled等关键配置，并通过Polyfill或降级方案兼容缺失特性。
-
background-image本身不控制布局，必须配合background-size、background-position和background-repeat才能实现精确控制；其中background-size是布局关键开关，常见值包括cover、contain、100%100%和auto100%。
-
TreeShaking是打包阶段静态分析ESModule的import/export，仅移除未被引用的具名导出；对defaultexport、CommonJS、动态语法及有副作用代码无效，需配合ESM格式与正确配置。
-
map是“每个都变”，filter是“挑着留”：map用于一对一转换且输出长度不变，filter用于条件筛选且输出长度≤原数组。
-
动画中断时状态“卡住”或“回弹”，是因为未定义@keyframes首尾帧且未设置animation-fill-mode；必须显式声明0%和100%关键帧、合理使用fill-mode（推荐both）、JS暂停时用getComputedStyle固化样式，并在新浏览器中用animation-composition避免冲突。
