-
优先用类选择器，标签选择器适合全局复用，ID选择器仅限JS锚点或唯一容器；ID重复导致CSS/JS不可预测，类名重复合法，标签写错则不匹配。
-
夸克浏览器中dragstart事件不触发是因默认禁用HTML5拖拽，需设置draggable="true"、清除-webkit-user-drag:none等CSS、dragover中必须调用e.preventDefault()，且DataTransfer.items常为空应改用files或getData。
-
本文详解如何在动态创建Chart.js极坐标图（PolarArea）时精准控制画布尺寸，解决width/height样式无效、图表消失等常见问题，核心在于正确配置容器尺寸与响应式选项。
-
本文详解如何使用CSSFlexbox将搜索栏稳定、可靠地对齐至页面头部右上角，解决因嵌套结构不当导致的布局错位问题，并兼顾响应式适配与可维护性。
-
JavaScript中的this指向函数调用时的执行上下文对象，严格模式下普通函数独立调用时为undefined，箭头函数无自身this，call/apply/bind可显式绑定，new调用时指向新实例，事件监听中this默认为触发元素。
-
jQuery中position()方法用于获取元素相对于最近已定位父元素的偏移位置，返回包含top和left属性的对象；与offset()不同，position()仅能获取不可设置，且基于父级定位上下文，适用于拖拽、弹出层定位等场景。
-
本文介绍如何在ReactRouter应用中实现“返回上一页时精准恢复原始滚动位置”，避免因scrollToTop()干扰导致的定位失效，通过sessionStorage安全暂存并还原window.scrollY。
-
用:last-child清除最后一项的border-bottom最省事可靠，但需确保flex-direction:column且DOM末项即视觉末项；避免用margin/padding混淆留白逻辑，优先用margin-bottom控制间距、padding-bottom配合边框。
-
正确加载HTML需匹配环境：本地双击用file://协议；Python内置服务器解决跨域；VSCodeLiveServer支持热重载；远程部署需Web服务器；Node.js服务适合定制化需求。
-
CSS优先级由选择器权重决定，权重越高样式越优先。权重分为四部分：内联样式、ID、类/属性/伪类、标签/伪元素，依次按位比较。例如#header.title权重为0,1,1,0，nava:hover为0,0,1,2，前者更高。当权重相等时，后写的规则覆盖前面的。!important可打破权重规则，但应慎用以避免维护难题。提升权重可用ID、多类组合、属性选择器或嵌套结构，如.container.sidebar.menu比单一类更特异。正确理解这些规则可减少冲突与!important依赖，写出更清晰的CSS。
-
本文详解jQuery事件委托中因重复绑定导致的AJAX多次调用问题，提供off()解绑方案、防重复提交实践及完整修复代码，确保按钮点击仅触发一次请求。
-
宏任务执行完后立即清空所有微任务，再取下一个宏任务；script是初始宏任务，微任务不触发新循环，只在当前宏任务末尾执行；queueMicrotask比setTimeout(0)更精准可控，但需防微任务无限递归导致卡死。
-
ServiceWorker是浏览器后台脚本，核心用于实现离线体验：通过install阶段预缓存资源、fetch阶段拦截请求并策略化响应、导航失败时返回offline.html，并支持后台同步与页面通信，需注意HTTPS依赖、版本更新机制及缓存策略合理性。
-
响应式表格列宽调整需设置table-layout:fixed使列宽均匀分配，结合百分比宽度与word-wrap处理文本溢出，并通过媒体查询在小屏隐藏非关键列，或用flex布局模拟表格以实现更灵活的自适应效果。
-
caption是表格唯一合法标题，必须作为<table>首个子元素；scope用于<th>定义表头作用范围；summary属性在HTML5中已废弃。
