-
transform-origin默认值是50%50%，即元素自身宽高的几何中心；该值基于元素自身尺寸计算，不随动画变化，且仅在动画开始前读取一次。
-
多个link标签并行加载不必然慢，但默认阻塞渲染且受HTTP/1.1并发限制易串行；HTTP/2下改善但仍建议合并关键CSS、按路由拆分、避免@import、确保CDN正确识别contenthash变更。
-
JavaScript类型转换核心是明确目标类型后选择对应方法：Number转String推荐String()或.toString()，String转Number依场景选Number()、parseInt()、parseFloat()或+str，需注意NaN处理与进制陷阱。
-
正确处理Flexbox溢出需结合overflow:hidden与flex属性，关键在于设置子元素min-width:0、flex:1及text-overflow:ellipsis，确保内容可收缩且文本溢出时截断，尤其在嵌套布局中更应规范使用以避免撑开容器。
-
使用统一颜色格式（如hsl或rgb）、避免混合表示法，采用cubic-bezier缓动函数优化过渡，推荐transition替代animation实现hover颜色动画，提升流畅度并减少闪烁。
-
ConsultingLite不支持旧式align属性，仅响应class="alignright"等原生CSS类；其默认用float实现图文环绕，但易受父容器布局或媒体查询干扰，推荐改用CSSGrid/Flex手动封装以确保稳定。
-
CSS变量（CustomProperties）是主题切换的正确方案，HTML无原生变量；data-属性仅作标记，需配合CSS选择器或JS生效；:root与[data-theme]组合最稳妥；var()必须设回退值；localStorage恢复需在CSS解析前完成。
-
用<img>嵌入静态地图URL（如高德/百度静态图API），配合<div>列表展示网点信息，零依赖、轻量高效；注意坐标顺序、参数拼写、响应式CSS和语义化结构。
-
直接用rotate()做菱形容易错位，因为默认以左上角为旋转原点，需显式设transform-origin:center；父容器须为等宽高等尺寸的正方形并加overflow:hidden，配合45deg旋转才能实现全对称菱形。
-
onCleanup是Vue传入watchEffect回调的参数，用于注册清理函数，在下次执行前或组件卸载时自动取消过期异步操作；常见用途包括abortfetch、clearTimeout、移除事件监听等，需配合AbortController解决竞态问题。
-
<p>里不能放<div>，因为HTML解析器会强制自动闭合<p>，使结构变为<p></p><div>hello</div>；<p>仅允许phrasingcontent（如<span>、<em>），禁止flowcontent（如<div>、<ul>）。
-
flex-grow按权重分配剩余空间而非均分父容器宽度，仅在有剩余空间时生效；flex-shrink控制溢出时的收缩比例，以flex-basis为基准；flex-basis优先级高于width，min-width为收缩下限。
-
优化HTML开发工具卡顿需四步：一、换VSCode并精简插件；二、关闭实时预览与自动保存；三、限制文件索引范围；四、调整系统资源分配。
-
实现滚动加载更多数据在JavaScript中可以通过以下步骤实现：1)监听页面滚动事件；2)当用户滚动到页面底部时，触发加载更多数据的操作；3)使用fetchAPI获取新数据并添加到页面。示例代码展示了如何监听滚动事件并加载数据，同时提供了性能优化和用户体验提升的建议。
-
移动端适配需结合视口控制、DPR识别与rem动态布局，通过JavaScript监听屏幕变化并协同CSS媒体查询，实现跨设备响应；利用touch事件优化交互体验。
