-
本文详解如何使用原生HTML5拖放API在React函数组件中实现表格列（<th>）的实时拖拽重排序，无需第三方库，兼容静态表格结构，并提供可直接运行的完整代码与关键注意事项。
-
多态指同一方法在不同对象中表现不同行为，JavaScript通过原型继承与动态类型实现多态。例如Animal为父类定义speak方法，Dog和Cat继承并重写speak，调用时根据实例类型执行对应逻辑。利用构造函数与原型链可建立类型层级，子类覆盖父类方法实现个性化行为；而鸭子类型则不依赖继承，只要对象具有相同方法名即可统一处理，如speaker1与speaker2均实现speak，传入performSpeak函数时各自输出不同内容；结合工厂模式可进一步提升扩展性，createDevice根据类型返回不同c
-
BEM通过块、元素、修饰符的命名约定提升CSS可维护性；其强语义化和高特异性有效避免命名冲突与样式污染；结合SMACSS、CSS-in-JS或Tailwind等模式可适应不同项目需求。
-
JavaScript模板字符串用反引号包裹，支持多行文本、变量插值、嵌入任意表达式、标签函数定制解析、缩进控制及与解构/可选链等语法结合，大幅提升代码表达力与可维护性。
-
核心区别在于是否保留文档流位置：visibility:hidden隐藏但占位，display:none彻底移出渲染树、不占空间。
-
Python标准库html.escape()和html.unescape()分别用于HTML编码与解码：escape()默认转义<、>、&及引号（quote=True），unescape()支持命名、十进制、十六进制实体，但不校验合法性且无属性值解析模式。
-
overflow属性通过控制内容溢出行为提升布局与体验，其核心值包括visible、hidden、scroll和auto，可分别应对不同场景；auto最常用，能智能显示滚动条，而scroll则确保布局稳定性和可滚动提示；结合max-height、Flexbox及自定义滚动条样式，可在响应式设计中实现展开收起、表格滚动等高级功能，但需避免滥用hidden导致内容不可访问或布局问题。
-
文本换行异常需协同设置word-break与white-space：前者控制断词位置（normal/break-all/keep-all），后者决定空白处理与换行权限（normal/nowrap/pre/pre-wrap）；长URL用break-all+normal，中英混排防误断用keep-all，预设换行用pre-line，优先选overflow-wrap:break-word保兼容。
-
link标签用于引入外部CSS文件，支持缓存和复用，适合大型项目；2.style标签定义内部样式，便于调试但不易维护，适用于简单页面或原型开发；3.优先使用link提升性能与可维护性，style仅用于特殊情况。
-
video标签需同时添加webkitallowfullscreen和allowfullscreen属性才能在Chrome、Safari等浏览器中正常全屏；仅controls不够，且JS调用requestFullscreen()必须在用户手势同步上下文中执行。
-
语义正确、可访问的注册表单需每个输入控件用显式label[for]关联，name与后端一致，type按语义选用（如email、password），required和minlength仅作前端辅助校验，后端必须重复验证，提交失败时回填value保留用户输入。
-
监听window的hashchange事件可捕获URL中#后锚点变化实现无刷新跳转，需手动处理页面首次加载时的初始hash状态，并配合路由映射表和链接完成单页应用导航。
-
font-size在mediaquery中失效的常见原因包括：父容器字体设置与em/rem继承冲突、viewportmeta标签缺失、单位混用、line-height和letter-spacing未同步响应；推荐统一用rem并在:root上调整，或使用clamp()实现平滑缩放。
-
object-fit在IE全系及iOSSafari9–10.0中不支持或存在bug；仅对img、video等替换元素生效，不可作用于父容器；推荐用object-fit-imagespolyfill或background-image降级。
-
RRGGBB最稳妥，全浏览器兼容且无歧义；rgb()/rgba()适合动态计算与透明控制；hsl()/hsla()便于调色逻辑；color()/lab()兼容性差，仅限实验。
