-
本地运行HTML文件只需双击打开，或用浏览器手动加载；若需完整功能，可用Python启动本地服务器，通过http://localhost:8000访问，适合开发调试。
-
HTMLGrid会显著削弱IE支持，IE10完全不支持，IE11仅支持2011年旧草案的-ms-grid语法，现代grid语法（如display:grid、grid-gap、grid-template-areas）被直接忽略或导致布局错乱，无法与-ms-grid兼容混用。
-
IE8及更早版本完全不支持GeolocationAPI，navigator.geolocation为undefined，必须先用if判断存在性再调用，否则直接报错；替代方案只能是IP定位或手动输入，Polyfill无效。
-
Vue路由懒加载失效主因是import()写法不规范：必须为静态字符串参数的函数调用，禁用拼接、变量、多余解构；正确写法为component:()=>import('@/views/Home.vue')，并可通过webpackChunkName分包。
-
路由守卫是VueRouter控制导航的核心机制，分为全局（beforeEach、beforeResolve、afterEach）、路由独享（beforeEnter）和组件内（beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave）三类，各守卫触发时机、参数及用途明确。
-
需通过HTML表单搭建界面并用JavaScript实现四则运算：构建含数字输入、运算符选择、计算按钮和结果输出的结构；编写calc()函数处理输入验证、运算逻辑与错误提示；可选增强样式、连续运算状态管理及脱离表单的DOM直连实现。
-
应使用内联style属性或外部CSS，而非废弃的<font>标签；推荐用style="color:#333;font-size:16px;font-family:'SegoeUI',sans-serif;"等CSS属性控制文字样式。
-
调用天气API的核心是通过HTTP请求获取数据并解析JSON，常用fetch方法结合APIKey向OpenWeatherMap等服务商请求，选择API时需考虑免费额度、数据精度、文档质量、CORS支持等因素，推荐OpenWeatherMap或和风天气；常见问题包括CORS跨域、APIKey泄露、请求频率限制及数据解析错误，解决方案为使用后端代理、设置白名单、本地缓存和错误处理机制；在前端展示时应结构化数据、组件化UI、添加加载与错误状态、结合图标与背景提升视觉体验，并通过自动定位、城市切换和响应式设计优化
-
:focus-visible是解决鼠标点击突兀黑框最干净的方式，但需配合显式outline设置、正确书写顺序（:focus在前重置，:focus-visible在后覆盖）及JS降级方案，否则Safari等旧浏览器将无焦点提示。
-
直接在:root改CSS变量值不生效，主因是变量被更高优先级选择器覆盖或作用域错位；需用开发者工具查“Computed”中变量来源，并确保所有样式均使用var()引用而非硬编码值。
-
FirebaseFirestore要求每个复合查询（含多个where条件，尤其含范围操作符如<,<=,>=）必须有对应复合索引；无法真正“泛化”跳过索引，但可通过CLI预定义、合理设计字段结构及限制范围过滤器数量来系统化管理。FirebaseFirestore要求每个复合查询（含多个`where`条件，尤其含范围操作符如`
-
具名插槽匹配失败导致内容“消失”但无报错，主因是name属性字符串级精确匹配失败，如大小写、空格、连字符不一致；同名插槽仅渲染第一个；原生WebComponents不支持动态slot值；fallback仅在无任何匹配节点时生效。
-
border-radius生效需配合background-color或border；img加圆角须自身设置并设display:block；box-shadow不随圆角变形，需overflow:hidden或filter:drop-shadow()；移动端小圆角发虚宜用偶数像素或50%。
-
transition作用于width/height会导致点击区域不同步，应优先使用transform和opacity组合；避免混用top/left与transform；合理使用will-change提升性能，并注意移动端touchstart时机问题。
-
懒加载不提升首屏速度，反而可能拖慢——需禁用首屏图的loading="lazy"、用eager或不设属性，早于DOMContentLoaded初始化IntersectionObserver，并避免与preload混用导致资源竞争。
