-
flex-basis设固定值会导致侧边栏不缩放，因强行固定空间而忽略弹性；应改用flex:01240px并确保子元素无min-width等限制，配合媒体查询实现小屏折叠与主内容区占满剩余空间。
-
Grid布局中侧边栏固定宽度+主内容自适应最稳方案是grid-template-columns:240px1fr；头部高度需显式声明grid-template-rows；gap不继承，子容器须单独设置；IE11禁用fr和subgrid。
-
微信网页分享必须通过JS-SDK签名调用，不可直接使用window.WeixinJSBridge；需后端用指定URL（不含hash）、nonceStr、timestamp、jsapi_ticket生成SHA1签名，前端config后在ready中调用updateAppMessageShareData等接口，且link须与签名URL同源同路径、图片需HTTPS及≥200×200px，本地localhost无效，仅限公众号后台配置的JS安全域名。
-
overflow与position结合使用时需注意裁剪和定位规则：1.overflow:hidden会裁剪absolute元素，影响下拉菜单显示；2.overflow:clip限制fixed元素范围，使其相对祖先而非视口定位；3.absolute容器可通过overflow-y:auto实现内部滚动；4.避免因层叠上下文错乱导致的渲染问题，合理调整DOM结构与样式优先级。
-
vertical-align用于控制inline或inline-block元素的垂直对齐，常见取值有baseline、top、middle等，适用于图片与文本对齐、表单布局等场景，需注意其仅对行内元素有效且受line-height影响。
-
::marker可直接替换列表项符号，仅作用于display:list-item的li元素，支持content、color、font系列属性，不支持margin等布局属性，需注意浏览器兼容性及list-style相关属性的互斥关系。
-
正确使用link标签需包含rel="stylesheet"、href指向CSS文件路径，建议放在head中确保样式优先加载，可结合media等属性优化适配不同场景。
-
aside标签仅适用于语义上可省略的弱关联补充内容，如兼容性说明或生平简介；用于工具栏或广告属高风险误用，应改用带ARIA属性的div或section。
-
Number.isSafeInteger只对number类型有效，字符串需先转数字再校验；超大数应优先用正则/^\d{1,16}$/过滤，或改用BigInt；JSON解析后应立即校验，避免精度丢失。
-
本文介绍如何基于HTML5视频播放状态（播放中/已暂停），通过JavaScript监听事件并配合CSS类切换，实现悬停时显示不同自定义光标（如play/pause图标），无需第三方库，兼容现代浏览器。
-
真正可控的仪表盘卡片重排是用grid-template-areas显式声明语义化区域布局，通过媒体查询和预置class切换适配多尺寸、多状态，避免JS直接操作样式引发重排与可访问性问题。
-
答案：一个高效的发布-订阅模式通过事件中心实现解耦，支持订阅、发布、取消及一次性监听。使用Object.create(null)提升性能，try-catch隔离错误，精确移除回调避免内存泄漏，适用于组件通信与状态通知场景。
-
应使用语义化模块职能类名，如hero、features、testimonials；避免数字编号、位置命名或泛化名称；变体用BEM修饰符（如hero--dark）；统一小写连字符；类名补充HTML语义缺失，不依赖标签选择器。
-
HTML代码混淆对防止盗用或爬虫基本无效，真正有效的是服务端控制、访问限频和内容动态化；混淆可被开发者工具一键还原，不改变语义，不影响XPath/CSS定位，且增加解析开销与维护风险。
-
浏览器关闭时前端事件不可靠，应采用“最后活跃时间戳+服务端心跳校验”策略，通过定期上报用户在线状态并设置超时阈值，实现准确、无侵入的离线判定。
