-
Vue组件通信需按场景选型：父子用props/$emit，跨层级用provide/inject，全局状态用Pinia，事件总线仅限低频解耦，$attrs/v-model用于封装透传，避免滥用ref或$parent破坏封装。
-
Vue权限控制核心是结构化管理权限数据并分层封装getter：模块/操作/实例三级嵌套结构，配合路由守卫拦截与响应式按需计算，避免异步、缓存及副作用问题。
-
验证码，简单来说，就是为了区分你是人还是机器。在HTML中，本身并没有直接生成验证码的功能，需要借助后端语言（如PHP、Python等）和前端技术（如JavaScript）配合实现。解决方案后端生成验证码图片和随机字符串：后端脚本负责生成一个随机字符串（例如，包含数字和字母）。将该字符串绘制成一张图片。这通常涉及图像处理库的使用。将该字符串存储在服务器端的Session中。注意，Session是与用户关联的，所以每个用户看到的验证码都不同。将验证码图片以适当的格式（如PNG、JPEG）返回给前端。前端展示
-
WebSocket通过HTTP升级握手建立TCP上的持久双向通信，客户端用newWebSocket()连接并监听onopen/onmessage，服务端用ws库广播消息，需处理重连、心跳、鉴权等优化。
-
应显式设置transform-origin:center、添加will-change:transform，并用@keyframesui-pulse配合cubic-bezier(0.25,0.46,0.45,0.94)实现快进慢出呼吸感动画，绑定时通过class+animationend防重复播放。
-
float多栏布局必须手动计算总宽度（含margin、padding、border）≤100%，否则末栏换行；需用box-sizing:border-box、留1–2px余量、父容器padding要扣除；clear:both或overflow:hidden防塌陷；IE8兼容需整数百分比或条件注释。
-
CSS中animation与transition应结合使用：transition用于属性值的平滑过渡，适合响应用户交互；animation通过@keyframes定义复杂动画流程，适用于多关键帧的视觉效果。例如hover时用transition实现缩放，同时用animation创建背景色脉冲；菜单展开用transition控制高度变化，图标旋转叠加animation实现弹性反馈；伪元素可独立执行发光动画而不干扰主元素过渡。两者分工明确，提升交互质感与性能。
-
使用::marker可自定义列表符号颜色和大小，如olli::marker{color:blue;font-size:1.2em;}；若需替换内容，推荐list-style:none结合::before实现。
-
背景图优化对网站性能至关重要，因为背景图通常是网页中体积最大的资源之一，直接影响加载速度和用户体验。优化方法包括选择现代格式如WebP或AVIF、压缩图片、使用CSSSprites或SVG、实施懒加载、采用响应式策略、优化CSS属性等。判断是否需要优化可通过Lighthouse、PageSpeedInsights、浏览器开发者工具及视觉检查等方式进行。懒加载背景图主要通过IntersectionObserverAPI实现，具体步骤包括设置data-src属性、定义占位样式、编写观察逻辑。不过，在首屏关键背
-
:nth-child(odd)不生效的根本原因是它按父元素下所有同级子元素的物理位置计数，而非仅目标标签；混入thead、div等干扰节点会导致序号错乱，应改用:nth-of-type(odd)或限定tbody作用域。
-
结合CSS工具类与Flexbox可提升布局效率和响应式能力，通过预定义类简化HTML中的弹性布局调用，如flex、justify-center等；引入断点工具类支持多端适配，利用CSS变量增强灵活性，同时需避免类名滥用，保持语义化与可维护性。
-
响应式导航栏的显示与隐藏可通过CSS选择器实现，其核心方法是“复选框技巧”。1.HTML结构包括隐藏的复选框、点击用的label（汉堡图标）和导航菜单；2.CSS默认隐藏菜单并设置过渡效果；3.利用复选框状态变化控制菜单显示；4.媒体查询在大屏下自动显示导航；5.优化用户体验需添加过渡动画、视觉反馈和可访问性支持；6.实际开发中可能遇到z-index层级和滚动条问题，需合理设置层叠上下文及滚动处理。此方案无需JavaScript，提升性能但交互受限，复杂场景仍需结合JS实现。
-
首选JavaScript开发跨平台移动应用因一套代码适配iOS和Android，降低成本；ReactNative凭借原生组件、热重载和丰富生态成为主流，适合中大型项目；若坚持使用JavaScript或TypeScript，应选ReactNative、Ionic或Capacitor；Flutter虽流行但使用Dart语言，不属JavaScript体系；Ionic+Capacitor方案贴近Web开发，适合轻量级内容型应用，性能较弱；TypeScript提升代码可靠性，已被ReactNative官方支持；最终
-
Less中.make-grid-columns()无效果是因为编译时需显式调用且依赖正确声明的@grid-columns变量；递归循环需严格参数传递与终止条件；列宽计算须扣除gutter占比；避免冗余生成以控制CSS体积。
-
hover旋转突兀因缺少过渡动画，须在默认状态设transition:transform0.3s–0.5sease等，仅用transform属性，避免重排，防止动画堆叠。
