-
auto-fit和auto-fill用于创建响应式网格，前者仅生成有内容的轨道并拉伸填满空间，后者则预生成尽可能多的轨道；结合minmax(250px,1fr)时，推荐使用auto-fit实现内容均匀分布的自适应布局。
-
display属性决定HTML元素的盒子类型及布局行为，block独占一行可设宽高，inline随文本流仅占内容宽且宽高无效，inline-block兼具inline的并排特性和block的盒模型控制；2.响应式中通过display:none隐藏元素节省空间，flex和grid则实现不同屏幕下子元素排列方向或网格结构的切换；3.高级用法如table系列模拟表格布局，list-item生成列表标记，contents使子元素直接受父容器布局管理，但需注意inline垂直间距、inline-block间隙、di
-
优化图片性能需先压缩并转换为WebP等格式，再通过响应式语法适配设备，结合loading="lazy"实现原生懒加载，或用IntersectionObserver自定义懒加载，最后借助CDN加速分发并配置长效缓存。
-
使用:last-of-type与::after结合可为非最后一个列表项添加分隔线。通过.menuli:not(:last-of-type)::after设置样式，在每个项目后插入垂直线或字符“|”，避免末尾多余分隔，常用于导航菜单美化，保持结构清晰。
-
虚拟DOM和Diff算法通过JavaScript对象描述UI结构，利用同层比较与key优化实现最小化真实DOM操作，提升复杂应用的渲染性能。
-
使用Flexbox布局可轻松实现美观的按钮组，通过gap控制间距、border-radius统一圆角，并利用active类突出选中状态；连体按钮通过margin-left:-1px和overflow:hidden实现无缝连接；垂直排列适用于移动端，配合响应式设计提升用户体验。
-
JavaScript闭包是内部函数引用外部函数变量并被返回后仍能访问这些变量的现象，依赖外部函数定义变量、内部函数引用变量、外部函数返回内部函数三个条件，用于私有变量封装、事件索引绑定、防抖等场景。
-
background-clip用于控制背景绘制区域，结合-webkit-background-clip:text和color:transparent可实现渐变或图片填充文字效果；2.常用值包括border-box、padding-box、content-box和text；3.渐变或图片填充文字需将文字设为透明，使背景透过显示；4.background-clip也适用于控制容器背景裁剪，如避免背景出现在边框区域；5.text值需使用-webkit-前缀，现代浏览器支持良好，注意兼容性处理。
-
Chrome28前、Safari8前、iOSSafari7.1前、AndroidBrowser4.3及更早需-webkit-前缀；Firefox/Edge12+无需前缀，Opera12.1前需-o-；现代项目支持Chrome70+/Safari12.1+/iOS12.2+可不用前缀，但Android4.4仍需保留。
-
高亮行颜色不明显主因是透明度（alpha）过高，应优先调低alpha值至0.2–0.35（深色主题可升至0.45），配合font-weight:500或左竖条边框增强识别，避免使用opacity。
-
前端权限控制通过角色与权限数据结构设计，结合动态UI渲染和路由拦截保障安全。1.用户角色和权限以结构化对象存储，支持灵活扩展与通配符匹配；2.封装权限校验函数控制组件显示，如hasPermission判断操作权限，提升复用性；3.利用路由守卫（如VueRouter的beforeEach）在跳转前验证角色与权限，阻止未授权访问；4.权限变更通过登录缓存、WebSocket监听或定时请求同步，确保状态实时更新；5.敏感操作前重新校验后端权限，避免越权风险。前端控制提升体验，但需配合后端验证才能确保安全。
-
OpenWeatherMap是最稳妥的免费稳定天气API，新用户享每分钟1000次调用，支持多查询方式；需规避需验证或聚合中转类API，APIkey须存环境变量；错误处理需关注401、404、429响应；数据渲染禁用innerHTML，应使用textContent和属性赋值；本地开发跨域问题须通过本地HTTP服务或代理解决。
-
锤子手机HTML5适配关键在于规避SmartisanOS的WebView老旧、UA伪装及非标处理：viewport需完整声明；touch事件要防延迟并避免伪ontouchstart判断；rem布局须JS动态计算；快应用容器中localStorage可能失效。
-
箭头函数无自身this，继承外层词法作用域；call/apply立即执行并指定this，bind返回永久绑定新函数；类方法需显式绑定以防this丢失；事件监听器中普通函数的this默认指向currentTarget。
-
"usestrict"是JavaScript的执行约束开关，启用后引擎严格检查代码，未声明赋值、删除变量、参数重名、用保留字命名等行为会报错，且函数中this为undefined；必须置于作用域顶部才生效，ES6模块和class内部自动启用。
