-
用开发者工具定位样式覆盖源头：先看Styles面板中被划掉的规则及对应文件行号，注意“匹配的CSS规则”列表顺序，最下方为生效样式；检查!important、内联样式、第三方库高特异性选择器；按(a,b,c,d)四元组算权重，避免盲目堆砌选择器；优先使用CSSModules或scoped隔离样式；动态样式需查Computed面板或ShadowDOM。
-
使用Flexbox布局结合伪元素实现导航栏下划线动画：1.用display:flex排列导航项；2.通过::after创建隐藏下划线，hover时width从0放大至100%；3.可选居中对齐或中间展开动画，关键在于定位与过渡控制。
-
微博HTML5版无独立发视频入口，需通过weibo.com或App发布；上传须满足格式（仅mp4/mov）、分辨率（480×270~3840×2160）、时长（普通用户10分钟）、大小（建议≤500MB）、编码（H.264+AAC）及moovatom前置等硬性条件。
-
统一代码规范提升JavaScript团队协作效率。通过ESLint和Prettier统一代码风格，使用camelCase命名变量、UPPER_CASE命名常量，布尔值加is/has前缀；按功能组织模块结构，合理使用import/export，工具函数置于/utils；关键逻辑添加“为什么”的注释，API使用JSDoc，结合TypeScript增强类型安全，并通过GitHooks在提交前自动检查格式与质量，确保团队共识落地执行。
-
ServiceWorker需手动注册、配置缓存策略并劫持请求才能实现离线功能，必须通过HTTPS（或localhost）注册，install预缓存静态资源，fetch中主动匹配缓存，配合skipWaiting()和clients.claim()确保新版本立即生效。
-
用gap配合minmax()是解决Grid间距响应式不一致最直接有效的方式，关键在于使用rem/vw/clamp()等相对单位替代固定px，并配合auto-fit/auto-fill和弹性轨道定义，辅以align-items:start或min-height统一子项高度，必要时用媒体查询兜底。
-
JavaScript字符串是不可变原始类型，方法均返回新字符串；常用方法分四类：查找判断（includes、indexOf等）、提取截取（slice、substring等）、转换格式化（toUpperCase、trim等）、分割连接（split、join等），调用前需校验null/undefined。
-
必须用navigator.clipboard.writeText()实现复制，需在用户手势触发的async函数中调用并try/catch；不支持时降级为execCommand('copy')配合隐藏textarea；需提供成功/失败反馈且禁用按钮防连点。
-
HTML5中不存在IFC_html5标准，IFC是CSS定义的行内格式化上下文，由display:inline等触发，用于排版行内级元素；其行为受white-space、line-height、vertical-align等CSS属性控制，与HTML5语义无关。
-
==先类型转换后比较，===要求值和类型均严格一致；如0==false为true而0===false为false，null==undefined为true但null===undefined为false，"0"==0、""==0、[]==false、[0]==false均为true；仅value==null检查null/undefined时合理；ESLint和TS默认禁用==，动态类型场景需显式转换后用===。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
首先使用JavaScript的navigator.geolocation获取用户位置，再结合GoogleMaps或高德地图API将坐标展示在地图上，支持单次定位与持续追踪，需注意权限处理、错误回调及国内地图替代方案的选择。
-
判断两个JavaScript对象是否拥有相同原型的最直接且推荐方式是使用Object.getPrototypeOf(obj1)===Object.getPrototypeOf(obj2)；2.该方法通过获取对象的内部[[Prototype]]引用并进行严格相等比较，确保结果准确可靠；3.Object.getPrototypeOf()是标准方法，语义明确且不受对象属性干扰，而proto因非标准、可被覆盖及性能问题不推荐在生产环境中使用；4.instanceof不适合判断直接原型相同，因为它检查的是整个原型链
-
利用background-position配合@keyframes可实现轻量级背景动画。1.原理：通过改变背景位置产生位移视觉效果，结合animation实现连续动画，适用于横向滚动、垂直流动或无缝循环场景。2.实现步骤：设置background-repeat铺满背景，定义animation调用关键帧，如从0%到100%移动background-position实现左滚。3.技巧：使用大图减少跳跃，调整缓动函数、反向滚动、控制Y轴做垂直动画或多层叠加实现视差。4.注意事项：容器需明确宽高，避免图片过大影响
-
表单验证的核心是在提交前检查输入有效性并阻止无效提交，需通过ID或name获取元素、监听submit事件并preventDefault，结合正则实现邮箱、手机号等基础校验，辅以实时反馈和错误提示，且后端必须二次校验。
