-
核心是用repeat(auto-fit,minmax(250px,1fr))实现列数自适应，避免线性媒体查询；关键断点用媒体查询重构布局结构；小屏慎用1fr，需加minmax()限制最小宽；IE11用@supports降级为Flexbox。
-
应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。
-
前端路由核心是监听URL变化、解析路径、匹配规则并动态渲染，关键用history.pushState、popstate事件和路径解析逻辑，需手动触发首次匹配并处理404与服务端配置。
-
拖放功能不起作用的常见原因包括：未设置draggable="true"属性、未在ondragover事件中调用event.preventDefault()、数据传输类型不匹配；2.高效查看HTML文件的方法有：使用VSCode的LiveServer插件、Python的http.server模块或Node.js的serve包启动本地服务器，以避免file:///协议下的同源策略限制；3.拖放的高级应用场景包括：任务管理看板中拖动卡片更新状态、网页版文件管理器实现文件拖拽上传与移动、可视化编辑器中从组件库拖拽
-
JavaScript发送浏览器通知需三步：检查支持性、请求用户授权（须用户手势触发）、创建通知；受限于HTTPS、用户主动触发、权限不可重置及iOS不支持等限制。
-
需升级客户端至指定版本并手动启用HTML5播放器：PC端v11.0+、安卓v11.6.20+、iOSv11.2.0+；网页端禁用Flash并清除缓存；APP开启H5加速；必要时修改hosts绑定CDN。
-
优酷无“关闭HTML5历史记录”开关，历史记录由本地缓存和云端日志组成；可手动清空App/网页端历史，或通过拦截Cookie、网络请求等方式阻止记录，但无法真正禁用HTML5播放器来影响历史逻辑。
-
本文详解在前端（JavaScript/TypeScript/Angular）中将ISO格式UTC时间字符串正确解析为用户本地时区时间的多种可靠方法，涵盖原生Date对象、Luxon库及AngularDatePipe的最佳实践。
-
Vite的热更新通过ES模块与WebSocket实现，文件变更后精准替换模块。1.监听文件变化；2.分析依赖关系；3.推送更新消息；4.客户端处理替换。相比Webpack，Vite无需打包、按需编译，速度更快。
-
单例和工厂模式非必须，而是为解决特定问题；真正单例需控制构造过程，如用staticinstance加构造器检查；简单工厂更常用，工厂方法适合需子类扩展的场景；二者合理共用如日志系统，误用则增加复杂度。
-
本文详解如何在Plotly.js中正确配置多个子图（subplots）并为每个子图分配多个独立Y轴，重点解决因anchor、overlaying和domain设置不当导致的轨迹不显示、轴重叠或布局错乱等常见问题。
-
本文提供一个健壮的jQuery滚动监听方案，解决固定头部（stickyheader）在页面顶部未正确清除showHeader类的问题，确保滚动方向判断精准、边界条件完备、视觉状态始终一致。
-
弹性盒子通过flex-grow、flex-shrink和flex-basis实现内容动态增减时的自动空间分配与收缩，无需手动调整尺寸；其中flex-grow控制剩余空间放大比例，flex-shrink决定空间不足时的收缩程度，flex-basis设定初始大小，三者配合可精准控制响应式布局行为。
-
CSS文件名必须带.css后缀，统一用短横线分隔单词，体现一级职责，条件状态置于末尾，避免冗余前缀和过度拆分文件。
-
网页无法通过BOM直接获取短信发送权限，这是浏览器安全模型的设计原则；1.浏览器禁止网页代码访问敏感硬件或系统功能，防止恶意行为；2.可通过sms:协议启动短信应用，但需用户手动发送；3.WebShareAPI允许用户选择短信分享，但不能静默发送；4.网页无直接API访问短信模块，所有敏感权限必须用户明确授权；5.实际业务中通过服务器调用第三方短信服务完成发送，确保安全合规。
