-
input在Flex中被压缩是因默认min-width:auto导致内容宽度极小，解决方法是显式设置min-width（如0、120px或配合flex:1），并建议组合flex-shrink:0或flex:11auto以确保稳定显示与交互。
-
CSS的cursor属性用于设置鼠标悬停时的指针样式，提升交互反馈；支持default、pointer、text、move、not-allowed、wait等系统值，以及url()自定义图片光标（需fallback），但IE仅支持.cur/.ani，移动端Safari不支持自定义图片。
-
前端构建工具选型需根据项目需求：Webpack适合大型项目，Vite提升开发体验，Rollup用于库打包，Parcel简化配置。
-
学JavaScript应从动手实践开始，如console.log、修改网页内容、简单交互；推荐freeCodeCamp、MDN、《EloquentJavaScript》三门入门资源；坚持每日15分钟编码，边学边做20行内微型项目，并善用LiveServer、mdn.io查文档、社区提问。
-
应改用ServiceWorker替代已废弃的HTML5manifest，因其支持按需缓存、动态策略与离线增强能力，而manifest静态声明式机制导致体积膨胀、更新失效及重复下载等问题。
-
toLocaleDateString()可自动适配本地语言和时区，比手动拼接更可靠；需校验日期有效性，支持locale和选项精细控制；固定格式首选Intl.DateTimeFormat；注意getMonth()陷阱及时区问题。
-
JavaScript压缩通过语法分析、安全替换和移除冗余减小体积并保持功能，核心是提升下载与解析速度；需结合构建工具（Webpack/Vite/esbuild）、TreeShaking、服务端Gzip/Brotli及代码拆分等策略精准优化。
-
事件捕获是事件流的第一阶段，从window向目标元素逐层下行，需显式启用capture:true；它与冒泡方向相反、时机在前，适用于全局预处理，而事件委托依赖冒泡因其天然支持子元素事件向父元素传递。
-
本文旨在解决在使用Firebase实时数据库进行数据获取时，因不当使用async/await和Promise而导致函数返回Promise而非实际数据的问题。我们将深入探讨async/await的工作原理，提供正确的代码实现范例，并强调在异步操作中如何有效管理和获取期望的数据值，确保数据检索的准确性与程序的健壮性。
-
<ol><li>要实现鱼钩真实摆动，核心是使用HTMLCanvas结合JavaScript模拟钟摆物理；2.通过requestAnimationFrame创建游戏循环，实现流畅动画；3.在每一帧中清除画布、更新钩子角度与角速度、重新绘制鱼线和钩子；4.利用角加速度=-gravity/lengthsin(angle)模拟重力，角速度乘以阻尼系数实现摆动衰减；5.点击屏幕时赋予钩子初始角速度模拟抛竿动作；6.钩子末端坐标通过三角函数计算：tipX=x+lengthsin(angle)，
-
展开运算符（...）用于将可迭代对象或对象打散为独立元素，支持数组复制合并、函数调用传参、对象浅拷贝与属性合并，但仅限一层浅拷贝，不支持null、undefined及非可迭代对象。
-
用::before伪元素为标题添加装饰线需先设标题position:relative，再用content:"";、width/height、background-color及top:50%;transform:translateY(-50%);实现垂直居中，left负值控制位置，配合padding-left留白，支持多级标题、响应式与CSS变量主题切换。
-
答案：通过按需引入Bulma模块、利用Sass变量定制主题、结合PurgeCSS清除未使用样式，可有效减小CSS体积并提升项目可维护性。
-
要实现卡片悬停效果，关键在于合理使用CSS选择器和:hover伪类。1.首先构建清晰的HTML结构并设置基础样式，如使用.card容器及设置transition动画；2.接着通过.card:hover伪类触发整体或子元素的变化，如放大、阴影或文字渐显；3.再利用高级选择器组合精准控制特定条件下的样式变化，如仅悬停时显示链接或限定区域内的卡片生效；4.最后考虑移动端适配，可用JavaScript模拟悬停或改用点击状态，并注意优化性能以避免过多过渡动画影响体验。
-
单例模式确保全局唯一实例，如配置对象；观察者模式实现组件解耦通信，通过事件总线通知状态变化；工厂模式统一创建相似对象，按角色生成按钮；装饰器模式动态扩展功能，如为方法添加日志和性能监控。
