-
hover结合transition可实现平滑动画，通过设置过渡属性、时长和延迟，使颜色、大小等变化流畅，常用于按钮悬停、图片缩放、下划线展开和卡片阴影等场景，需注意属性可动画性及初始值定义。
-
Android不支持直接导入HTML通讯录，需先用DOM解析提取姓名与号码生成CSV，再转为vCard（.vcf）文件，最后通过系统联系人App导入；代码写入ContactsContract因权限和ROM限制风险高，不推荐。
-
html5play函数根本不存在，它是对HTMLMediaElement.play()的误记或杜撰；正确做法是用URL.createObjectURL()创建临时URL并由用户手势触发play()。
-
JavaScript可通过TensorFlow.js、CanvasAPI等技术在浏览器中实现图像识别，支持实时摄像头分析、OCR、内容审核等应用，虽性能弱于Python，但在前端交互、隐私保护方面具有优势。
-
background-image在高DPI屏上发虚主因是浏览器默认双线性插值缩放，解决关键在于匹配图片分辨率与容器尺寸、用image-rendering控制重采样方式，并在图像导出阶段启用锐化。
-
本文介绍一种通过克隆图片并使用position:fixed实现无裁剪、可缩放的hover效果方案，兼顾容器overflow:auto的滚动功能，避免因transform:scale()导致的溢出裁剪问题。
-
transition对display无效，因display是离散属性，浏览器无法插值；应改用opacity+visibility组合，并配step-end实现平滑过渡。
-
CSS中margin所有方向的百分比均以包含块宽度为基准，而非对应方向尺寸；绝对定位元素则以最近非static祖先的宽度为准；top/bottom定位值才以包含块高度为基准。
-
能，但仅移除项目符号，不消除默认的margin和padding；需额外设置margin:0;padding:0;才彻底清除缩进与空白。
-
Canvas骨骼动画靠自行实现骨骼变换、顶点混合与插值逻辑，主流用requestAnimationFrame驱动+矩阵运算更新transform，配合save/restore或手动顶点计算绘制；SVG无原生骨骼支持，仅能通过<g>嵌套和JS/CSS驱动transform模拟简单层级，无法实现蒙皮、权重混合与IK。
-
margin:auto在flex容器中失效，因需满足块级元素、父为display:flex、未设flex收缩/拉伸属性等前提；常见因父容器未设align-items/justify-content或子元素被flex:1撑满导致无剩余空间。
-
拖放功能需满足三要素：设draggable="true"、dragstart中调用dataTransfer.setData()并preventDefault()、dragover中必须preventDefault()；否则drop事件不触发。
-
直接套用SVG作border-image会变形，因stretch拉伸破坏虚线节奏；需拆path为四段、留空四角，用border-image-slice:20fill并确保viewBox匹配border-width，禁用stroke-linecap:round，且border-radius≤border-width/2。
-
实现卡片墙布局的关键是使用CSSGrid或Flexbox。Grid通过display:grid、grid-template-columns:repeat(auto-fill,minmax(250px,1fr))和gap实现二维响应式布局；Flexbox利用display:flex、flex-wrap:wrap和flex:11250px实现一维换行排列；配合媒体查询调整小屏下的间距与宽度，确保响应式适配，推荐根据兼容性需求选择方案。
-
flex-wrap必须显式设为wrap才能换行，因其默认值nowrap会导致子项强制单行溢出；配合flex-basis、flex-grow/shrink及媒体查询可实现可靠响应式布局。
