-
在Supabase客户端（如React应用）中，不可直接调用supabase.auth.admin.getUserById()等管理接口——它们仅限服务端使用；应改用getSession()或getUser()获取已登录用户的公开信息，避免401“Usersnotallowed”错误。
-
浮动布局中gutter需用百分比margin+负父容器margin实现响应式，核心是保持间距与列宽同比例；不能单用padding因影响内容撑满和兼容性；IE8–9需降级为媒体查询断点；现代项目应优先使用Flexbox或Grid。
-
箭头函数不绑定this，无法替代传统事件处理器；应优先用event.currentTarget获取绑定元素，需访问实例方法时须bind或预绑定，闭包场景才适合用箭头函数捕获外层变量。
-
必须用<strong>而非<b>当文字承载不可省略的重要性，如表单错误提示、操作风险警告、API必填字段、关键数据等；<b>仅限纯视觉加粗且无语义需求的极少数场景。
-
带标签的模板字面量是JavaScript高级特性，通过函数拦截模板字符串解析，接收静态字符串数组和动态插值值，支持安全转义、i18n、CSS封装等；基础写法为fnhello${name}。
-
掌握ChromeDevTools的Performance面板可定位JS性能瓶颈，使用console.time()计时代码块，Memory面板检测内存泄漏，UserTimingAPI标记关键阶段，定期分析以优化网页性能。
-
必须用参数化Mixin管理按钮：尺寸用语义化map+guard判断的.button-size()，颜色变体显式分离@bg/@border/@text，状态样式正交封装为.button-state()，主题变量须在组件前导入以确保上下文一致。
-
应使用aside，它是唯一语义正确的标签，表示与主内容相关但可独立成块的补充信息；footer用于页脚，语义不符且破坏文档结构。
-
本文介绍如何安全地管理基于requestAnimationFrame的倒计时定时器，避免因DOM元素被AJAX动态移除导致的“Cannotreadpropertyofnull”错误，核心是每次更新前校验目标元素是否存在，并在元素消失时主动终止动画帧循环。
-
navigator.connection.type返回值包括bluetooth、cellular、ethernet、wifi、wimax、none、unknown，其中cellular仅表示蜂窝网络，不区分4G/5G；真正可代表4G/5G场景的是effectiveType的"4g"（涵盖LTE/5GSA/NSA高带宽情形），但非制式声明而是基于RTT与吞吐量的估算。
-
柯里化是将多参数函数转换为单参数函数链的过程，每次调用只传一个参数并返回新函数，直至参数收齐才执行；它区别于普通闭包和偏函数，强调参数逐个、不跳步、不重排的契约，并需正确处理this绑定与fn.length判断。
-
vertical-align用于内联或表格单元格元素的垂直对齐，常用值包括baseline、top、middle、bottom等；通过设置img{vertical-align:middle}可实现图文居中，inline-block元素可通过vertical-align统一对齐方式，table-cell元素可利用该属性实现内容垂直居中。
-
max-width和max-height可防止内容溢出与变形，提升响应式设计的适应性；2.图片设置max-width:100%配合height:auto保持比例，避免失真；3.文本容器通过max-width限制最佳阅读宽度，结合margin居中实现弹性布局；4.弹窗或下拉菜单使用max-height限制高度，配合overflow-y:auto防止垂直溢出；5.设置box-sizing:border-box确保padding和border不超出最大尺寸，使盒模型计算更直观。合理运用这些属性能增强页面的可读性
-
前端数据流模式需根据项目规模、团队习惯和技术栈选择；2.Flux提出单向数据流，流程清晰但样板代码多；3.Redux采用单一Store和不可变更新，适合大型团队协作；4.MobX基于响应式，开发高效但追踪变化较难；5.Zustand轻量简洁，适合现代React项目快速上手；6.Vue响应式系统内置集成，Pinia提升模块化与TypeScript支持。
-
Promise是对“未来值”的可组合抽象，本质为不可逆的状态机（pending→fulfilled/rejected），执行器同步运行，then/catch回调在微任务队列执行，需注意链式返回、错误捕获范围及状态继承特性。
