-
使用min-height可解决CSS容器无法被内容撑开的问题，常见于固定高度、浮动或绝对定位导致脱离文档流的情况；将height替换为min-height能保证容器最小高度的同时允许内容自动扩展，适用于侧边栏等需自适应高度的场景，配合清除浮动、flex布局设置可确保正常显示，避免内容截断。
-
PerformanceAPI是浏览器原生高性能监控接口，支持通过performance.getEntriesByType('navigation')获取导航时间点、resource/paint类型捕获资源与渲染时机，推荐用sendBeacon上报并兼容降级处理。
-
HTML无法创建真实收藏分组或文件夹结构，因其仅为标记语言，不具备文件系统操作能力；所谓分组实为借助localStorage等前端技术模拟，需JS拦截链接并配合JSON存取数据，且仅在HTTP(S)环境生效。
-
可通过五种方法实现HTML页面按域名和路径访问：一、Apache虚拟主机绑定；二、Nginxserver块映射；三、hosts文件+本地服务器模拟；四、Nginx反向代理子路径；五、CDN/对象存储绑定自定义域名与路径前缀。
-
position:sticky需满足条件才能生效，结合Flexbox和Grid布局可实现固定导航、表头等交互效果，注意父容器无overflow限制、设置偏移值及避免transform影响。
-
Cookie是浏览器端小型文本存储机制，用于保存登录状态等数据，随同源请求自动发送；其结构含键值对及expires、max-age、path等属性，JavaScript通过document.cookie设置，删除需覆盖过期值且路径域名严格匹配。
-
ID选择器赢，因其权重100高于class选择器的10；同元素同属性时，ID规则覆盖class规则，浏览器开发者工具中被划掉的样式即被更高权重要素覆盖。
-
使用Vue.js设计社交平台前端架构可以通过以下步骤实现：1)利用组件系统将应用分解为可重用的组件；2)采用Vuex进行全局状态管理；3)使用CompositionAPI处理实时数据；4)应用过渡效果和动画提升用户体验；5)通过虚拟滚动、懒加载和服务器端渲染优化性能。
-
document.write易清空文档且不兼容现代开发，应改用innerHTML+<pre>渲染三角形，确保等宽字体与换行保留。
-
首先使用JavaScript的navigator.geolocation获取用户位置，再结合GoogleMaps或高德地图API将坐标展示在地图上，支持单次定位与持续追踪，需注意权限处理、错误回调及国内地图替代方案的选择。
-
PurgeCSS通过静态扫描HTML/JS/Vue等文件中出现的类名和ID，匹配配置路径来剔除未使用CSS，可减少60%–90%体积；需显式配置content、处理动态类名、用safelist保底，Vite推荐使用vite-plugin-purgecss。
-
函数声明会被完整提升，优先级高于变量声明；函数表达式仅变量名提升为undefined。同名时函数声明覆盖变量声明，let/const存在TDZ不参与提升，重复var声明被忽略而函数声明会覆盖。
-
应使用minmax()+auto-fit/auto-fill实现响应式列数，如grid-template-columns:repeat(auto-fit,minmax(280px,1fr)))，配合媒体查询兜底；统一用gap控制间距，避免子项margin；优先用grid-auto-rows替代显式行定义。
-
vw/vh相对于视口，%相对于父容器；全屏高度用100vh而非100%，字号适配需clamp(1.25rem,4vw,2.5rem)，Flex/Grid中优先用fr而非%，避免滚动条导致的100vw溢出。
-
hover伪类能直接控制多级子菜单显示吗可以，但仅限于DOM树中「连续嵌套」的子元素（比如包着），不能跨兄弟节点或脱离父容器结构。CSS本身没有“悬停父级、影响远房后代”的选择器能力，更不存在类似JavaScript的事件委托机制。常见错误现象：nav:hover.submenu看似合理，但如果.submenu实际不在nav内部（比如被Vue/React渲染到body下），就完全失效；或者用了display:none但没设position，导致下拉时布局塌陷
