-
dragula.js更适合Kanban列拖拽，因其封装位置计算与DOM插入逻辑，天然支持空列、动态列及滚动容器；需显式传入所有列容器，禁用默认样式类，统一监听drop事件即可捕获列内排序与跨列移动。
-
用带参数的.gradient-bg()混合函数，支持@start-color、@end-color、@direction及透明度微调，避免硬编码；多色用.gradient-bg-stops()；注意转义方向值、变量定义顺序、CSS变量分层及Safari渲染兼容性。
-
Bootstrap手机端分页显示不全的根本原因是小屏下未折叠处理，导致页码水平溢出；应通过媒体查询+display:none隐藏中间页码，并设置overflow-x:auto支持滑动。
-
最干净的纯CSS心形方案是clip-path:polygon()，兼容现代浏览器且无额外DOM；Safari14.1前需避免path()语法，推荐使用基于200×200容器的polygon坐标，并配合aspect-ratio和outline实现缩放不失真与描边。
-
HTML表单无法独立实现DAO投票的去中心化功能，必须通过JavaScript调用Web3.js或Ethers.js与区块链智能合约交互，由智能合约执行投票逻辑、权重计算和决策执行，确保透明、不可篡改和去中心化；传统Web技术因数据可篡改、单点故障、依赖中心化信任而无法支撑DAO核心；构建DAO投票前端需结合HTML/CSS/JavaScript、前端框架、Web3库、钱包连接工具（如MetaMask）、智能合约（Solidity）、可选的TheGraph数据索引及IPFS去中心化存储；去中心化治理面临投
-
type="reset"仅重置有name属性且初始值由HTML属性（value/checked/selected）设定的字段；忽略JS动态设置的值、无name字段、textarea标签内文本及JS修改的defaultValue。
-
Hydration是客户端复用服务端HTML并接管交互的过程，而非重渲染；若服务端HTML与客户端虚拟DOM结构或文本不一致，即触发Hydrationmismatch错误。
-
能，但必须满足三个硬性条件：usemap值带#、<map>的name严格匹配、<area>坐标基于原始图片像素；漏掉任一条件热区完全不响应且无报错。
-
Vue插槽是组件解耦与复用的底层设计契约，含匿名、具名、作用域、动态四类：匿名插槽提供默认内容占位；具名插槽实现多区域精准投递；作用域插槽支持子组件向父组件反向传参；动态插槽名实现运行时内容流向控制。
-
内联样式优先级最高，特异性值为1000，高于所有CSS选择器（包括!important），仅同属性的!important声明可覆盖它；CSS变量取值取决于使用位置的最近有效作用域。
-
proxy_read_timeout仅控制Nginx从后端读数据的空闲上限，非连接总时长；须设为业务心跳间隔2–3倍（如90–120s），并同步配置proxy_send_timeout、upstreamkeepalive及系统TCP参数。
-
在线圆角生成器本质是将四个角数值实时转为合法border-radius值并预览，需用空格分隔、显式单位（如10px），避免逗号或缺单位；input事件实现即时响应，%单位受元素自身宽高影响易失真，导出时需注意overflow:hidden及旧版兼容性。
-
变量提升指声明被提前至作用域顶部，但仅声明被提升、赋值不提升；var声明访问未初始化变量得undefined，let/const因TDZ抛ReferenceError；函数声明全提升可前置调用，函数表达式仅变量名提升。
-
通过JavaScript操作video元素的play()和pause()方法可控制视频播放与暂停，需先用document.getElementById获取元素，结合按钮点击事件切换状态并更新按钮文本，注意浏览器可能阻止无用户交互的自动播放。
-
必须用:root[data-theme='dark']作为顶层限定，因其是CSS最稳定的根伪类，能确保变量安全替换、后代继承暗色上下文，并避免优先级、作用域及SSR闪烁问题。
